Carnation is now in early alpha. Read more

Docs
Layout

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.

ComponentDescription
<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

PropTypeDefaultDescription
scroll"vertical" | "horizontal"Enables scrolling in the given direction.