Element: #237 Scrollable (navigation/tabs) What it shows: Seven tabs in a narrow container where the list scrolls horizontally with edge fades. When to use: Settings areas with more sections than fit the width, especially on mobile. Spec: - `` over `{#each sections as s (s)}` producing `TabsTrigger` items - `const sections` has 7 labels: General, Billing, Members, Webhooks, Security, Integrations, Danger zone - `` starts on the sixth tab - Values come from `const key = (s: string) => s.toLowerCase().replace(' ', '-')` - Wrapper is `.wrap` with `max-width: 360px` Tags: tabs, scrollable, fade, overflow, settings, tabs-list Needs: @codeatlasdev/ui@4.4.0 Components: Tabs, TabsList, TabsTrigger, TabsContent Live demo: https://ui.codeatlas.com.br/docs/navigation/tabs#scrollable

{#each sections as s (s)} {s} {/each} {#each sections as s (s)}

{s} settings.

{/each}