Skip to content
OTF Kit logoOTF Kit

Page Layout

Layout

Page shell with header, actions, and body — for settings, forms, and dashboards.

View in Storybook
Page Layout
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Page Layout from @otfdashkit/ui.

Code
// Page Layout — Page shell with header, actions, and body — for settings, forms, and dashboards.
//
// Install:
//   bun add @otfdashkit/ui

import { PageLayout } from '@otfdashkit/ui'

export function Example() {
  return (
    <PageLayout>
      {/* your content */}
    </PageLayout>
  )
}

Related