SideNavCollapseButton — Basic

block

Place a collapse button in the SideNav footer to let users toggle the rail between expanded and collapsed states. Disable the built-in button via collapsible={{hasButton: false}} when positioning it yourself.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-side-nav-collapse-button-basic.json"

Sign In

SideNavCollapseButton — Basic

block

Place a collapse button in the SideNav footer to let users toggle the rail between expanded and collapsed states. Disable the built-in button via collapsible={{hasButton: false}} when positioning it yourself.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-side-nav-collapse-button-basic.json"

components/astryx/examples/SideNavCollapseButtonBasic.tsx