Layout
<c.nav />
<c.main>
<c.ul />
</c.main>
<c.footer />
Layout primitives are concerned with defining the layout for a component, pattern, or screen.
Component | Description |
---|---|
<c.div> | A generic container for flow content. |
<c.main> | Represents the dominant content of a screen. |
<c.section> | Represents a generic standalone section of a screen. |
<c.article> | Represents a self-contained composition. |
<c.header> | Represents introductory content. |
<c.nav> | Represents a section of a screen whose purpose is to provide navigation links. |
<c.footer> | Represents a footer for its nearest ancestor layout element. |
<c.aside> | Represents a portion of a screen whose content is only indirectly related to the main content. |
<c.ul> | Represents an unordered list of items. |
<c.ol> | Represents an ordered list of items. |
<c.li> | Represents an item in a list. |
<c.dl> | Represents a description list. |
<c.dt> | Specifies a term in a description list. |
<c.dd> | Provides the description for the preceding term. |
API Reference
Prop | Type | Default | Description |
---|---|---|---|
scroll | "vertical" | "horizontal" | — | Enables scrolling in the given direction. |