Element: #157 Left and right (navigation/drawer) What it shows: Two buttons that open a left navigation drawer and a right settings drawer. When to use: Slide-in panels for site navigation on mobile or for quick settings without leaving the page. Spec: - `` holds a `

` with 4 links: Home, Components, Foundation, About - Left links close it with `onclick={() => (leftOpen = false)}` - `` lists 3 label and value rows: Theme Amber, Language English, Notifications Enabled - Triggers are `Button` with `variant="outlined"`, the second with `{#snippet leading()}{/snippet}` Tags: drawer, side-panel, navigation, settings, overlay, left, right Needs: @codeatlasdev/ui@4.4.0 Components: Drawer, Button Live demo: https://ui.codeatlas.com.br/docs/navigation/drawer#left-and-right

{#each [['Theme', 'Amber'], ['Language', 'English'], ['Notifications', 'Enabled']] as [label, value]}

{label}

{value}

{/each}