Components · Layout

Panels

An app shell: the page in the middle, with resizable panels on the left, the right and along the bottom, toggled from their headers or with ⌘B, ⌘I and ⌘J. On a phone the side panels open as sheets.

Left
Navigation
Main
Your page goes here.
Bottom
Output
Right
Details
Open full screen

Installation

The command adds the @aiellie registry to components.json on its first run. With it there, shadcn installs it too: npx shadcn@latest add @aiellie/panels.

Usage and the API reference for Panels are still being written.