# App Shell Layout

> Full composable app shell with sidebar, navbar, page header, and body slots.
> Source: https://otf-kit.dev/components/app-shell-layout

## At a glance

- **Platform:** Web (React)
- **Category:** Layout
- **Package:** `@otfdashkit/ui` (free, MIT)
- **Tags:** navigation, sidebar, shell

## Install

```bash
bun add @otfdashkit/ui
```

## Usage

```tsx
import { AppShellLayout } from '@otfdashkit/ui'
```

The `<AppShellLayout>` component ships the same prop API on web (`@otfdashkit/ui`) and native (`@otfdashkit/ui-native`) where a parity version exists.

## Links

- Live preview + code: https://otf-kit.dev/components/app-shell-layout
- Storybook: https://ui.otf-kit.dev
- All components: https://otf-kit.dev/components