TabList — With Actions

block

Page header pattern with tabs on the left and action buttons pushed to the right. When hasDivider is true, match the Button size to the TabList size so the tabs and actions align to a shared baseline above the divider.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-tab-list-with-actions.json"

Sign In

TabList — With Actions

block

Page header pattern with tabs on the left and action buttons pushed to the right. When hasDivider is true, match the Button size to the TabList size so the tabs and actions align to a shared baseline above the divider.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-tab-list-with-actions.json"

components/astryx/examples/TabListTabsWithActions.tsx