Layout

Learn how to build basic layouts with Inkline's layout components.

The layout components in Inkline provide a simple way to create consistent page layouts. They can be used to structure the main content, header, footer, asides, and other elements on a page. The layout components are:

  • <ILayout> is the main layout wrapper in which the header, aside, content, and footer, or another layout wrapper can be nested, and can be placed in any parent container.
  • <ILayoutHeader> is the header area that can also serve as navigation
  • <ILayoutAside> is a container for side sections (usually a side nav).
  • <ILayoutContent> is the main content container
  • <ILayoutFooter> is a container for footer elements

Usage

Props

ILayout

Slots

ILayout
ILayoutHeader
ILayoutAside
ILayoutContent
ILayoutFooter

Design Tokens

ILayoutAside