Element: #184 AppSettings (layout/list-page) What it shows: A settings page with General and Security tabs, a Save action and form sections with text fields and switches. When to use: Workspace or account settings split into tabs, each with its own grouped form. Spec: - `` with `const TABS` of 2 entries: General (`value: 'general'`) and Security (`value: 'security'`), each with an `icon` - `{#snippet actions()}` holds `` - `{#snippet children(tab)}` switches on `{#if tab === 'general'}` and `{:else if tab === 'security'}` - General has `` with `` and `` - Security has `` with `` and `` - Frame size is `height: 380px` Tags: app-settings, settings, tabs, form-section, switch, text-field, list-page Needs: @codeatlasdev/ui@4.4.0 Components: AppSettings, Button, FormSection, Switch, TextField Live demo: https://ui.codeatlas.com.br/docs/layout/list-page#appsettings

{#snippet actions()} {/snippet} {#snippet children(tab)} {#if tab === 'general'} {:else if tab === 'security'} {/if} {/snippet}