CompactShell
tools that open several documents or views at once: a slim bar for the space and the person, a strip of tabs under it, the page at full width
role: shell pages: app, account motion: none
Install
npx shadcn-vue@latest add @trame/shell-compact-shell # Vue
npx shadcn@latest add @trame/shell-compact-shell # Reacttab-strip
@trame/shell-compact-shell--tab-strip tools that open several documents or views at once: a slim bar for the space and the person, a strip of tabs under it, the page at full width
dock
@trame/shell-compact-shell--dock few top-level pages and a focus on the content: a slim top bar and a floating dock of icons at the bottom, on phone and desktop alike
icon-rail
@trame/shell-compact-shell--icon-rail dense tools: a slim icon rail and a second panel listing the chosen group’s pages
top-bar
@trame/shell-compact-shell--top-bar few pages and a wide content: a bar on top with the pages and the person’s menu