Element: #060 Single and multiple (inputs/toggle-group) What it shows: Single-select alignment group, a required text filter and a multi-select formatting group. When to use: Editor toolbars with exclusive options like alignment and combinable options like bold or italic. Spec: - Alignment: `type="single"` with `aria-label="Text alignment"` and `bind:value={align}` - Alignment items: AlignLeft, AlignCenter, AlignRight with `'aria-label': 'Align left'` etc. - Filter: `type="single"` with `required`, `aria-label="Filter"`, `bind:value={filter}` (starts `'all'`), items All, Open, Closed; pressing the active item keeps it - Formatting: `type="multiple"` with `aria-label="Text formatting"` and `bind:value={format}` - `format` is `$state(['bold'])` with items Bold, Italic, Underline - Values are printed as `value: {align || '–'}` and `JSON.stringify(format)` Tags: toggle-group, single, required, multiple, icon, toolbar, aria-label Needs: @codeatlasdev/ui@4.4.0 Components: ToggleGroup Live demo: https://ui.codeatlas.com.br/docs/inputs/toggle-group#single-and-multiple

value: {align || '–'}

required, value: {filter}

value: {JSON.stringify(format)}