SoybeanUI is now VeanUIMigration guidePackages moved to @vean/aria and @vean/ui, and the docs moved to veanui.com.This site redirects in Nov 2026; the @soybeanjs packages are deprecated in Apr 2027.
Components
Back to catalog
Component detail entry
Layout
@soybeanjs/ui
SAppShell

AppShell

AppShell belongs to the Layout category. Start with demos and usage, then use the API tables to finish integration and styling decisions.

Use the quick jump panel to reach overview, usage, demos, and API first, then continue through the full page.

Quick jump

Related components

If you are composing interactions in the same family, these components usually pair well together.

Changelog

Version history is grouped by release so you can quickly see what changed for this component across published versions.

v0.50.0

2026-10-02

Compare release

Feature

align the sidebar brand with the tree menu rows

Scope: app-shellAuthors: soybeanjsView commit98bd3

Feature

render the full menu tree in the mobile drawer

Scope: app-shellAuthors: soybeanjsView commitc5b9b

Fix

center the folded brand mark instead of pushing it right

Scope: app-shellAuthors: soybeanjsView commit2d1b5

Fix

keep a deep breadcrumb trail from pushing the header out

Scope: app-shellAuthors: soybeanjsView commit69162

Refactor

render the brand row as a non-interactive menu row

Scope: app-shellAuthors: soybeanjsView commit88af5

Refactor

render the brand in the menu's top cells

Scope: app-shellAuthors: soybeanjsView commit75ed3

Docs

sync the generated skill with the drawer FAQ

Scope: app-shellAuthors: soybeanjsView commit7a2dc

Chore

update breadcrumb visibility class for mobile layout

Scope: app-shellAuthors: soybeanjsView commit07dc8

Refactor

render the brand in the menu's top cells

Scope: app-shellAuthors: soybeanjsView commit75ed3

Chore

update breadcrumb visibility class for mobile layout

Scope: app-shellAuthors: soybeanjsView commit07dc8

Feature

render the full menu tree in the mobile drawer

Scope: app-shellAuthors: soybeanjsView commitc5b9b

Fix

keep a deep breadcrumb trail from pushing the header out

Scope: app-shellAuthors: soybeanjsView commit69162

Feature

align the sidebar brand with the tree menu rows

Scope: app-shellAuthors: soybeanjsView commit98bd3

Fix

center the folded brand mark instead of pushing it right

Scope: app-shellAuthors: soybeanjsView commit2d1b5

Refactor

render the brand row as a non-interactive menu row

Scope: app-shellAuthors: soybeanjsView commit88af5

Docs

sync the generated skill with the drawer FAQ

Scope: app-shellAuthors: soybeanjsView commit7a2dc