Scrollable Area — Inline Rail

block

axis="inline" scrolls the same cards sideways; isFullBleed lets the rail run to the panel edges while the content padding keeps the first card aligned with the heading.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-scrollable-area-inline-rail.json"

Sign In

Scrollable Area — Inline Rail

block

axis="inline" scrolls the same cards sideways; isFullBleed lets the rail run to the panel edges while the content padding keeps the first card aligned with the heading.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-scrollable-area-inline-rail.json"

components/astryx/examples/ScrollableAreaInlineRail.tsx