Toolbar — Sizes

block

Small, medium, and large toolbars side by side. The size prop cascades to child buttons and inputs automatically. Use small in dense UIs like cards, medium for most cases, and large for spacious layouts.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-toolbar-sizes.json"

Sign In

Toolbar — Sizes

block

Small, medium, and large toolbars side by side. The size prop cascades to child buttons and inputs automatically. Use small in dense UIs like cards, medium for most cases, and large for spacious layouts.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-toolbar-sizes.json"

components/astryx/examples/ToolbarSizes.tsx