Skip to content

Layout Kit

Layout and navigation components: tabs, sidebar, collapsible, resizable panels, scroll area, breadcrumb, pagination.

Installation

First install? Complete the one-time host setup.

Usage

Layout Kit bundles the structural and navigation components — tabs, sidebar, collapsible, resizable panels, scroll area, breadcrumb, pagination, and separator. Use it to lay out an app shell in one install instead of adding each piece individually; import each from its own subpath afterward.

tsx
// Layout Kit installs the full layout component set. Import each from its subpath:
import { Tabs } from '@constructive-io/ui/tabs';
import { ResizablePanelGroup } from '@constructive-io/ui/resizable';

Parts

PartDescription
Navigationtabs, sidebar, breadcrumb, pagination.
Structureresizable, scroll-area, collapsible, separator.