Element: #163 Controlled (navigation/tabs) What it shows: Tabs bound to a state variable with a line below showing the active tab value. When to use: Tabbed views whose active tab must also drive other UI or be read and set from code. Spec: - `` with `let active = $state('overview')` - `` holds 3 `TabsTrigger` items: `value="overview"`, `value="props"`, `value="examples"` - A matching `TabsContent` per value, each with a one-line `

` - State is echoed as `Active tab: {active}` - Wrapper is `.wrap` with `max-width: 480px` Tags: tabs, controlled, bind-value, state, tabs-list, tabs-content Needs: @codeatlasdev/ui@4.4.0 Components: Tabs, TabsList, TabsTrigger, TabsContent Live demo: https://ui.codeatlas.com.br/docs/navigation/tabs#controlled

Overview Props Examples

Overview panel.

Props panel.

Examples panel.

Active tab: {active}