# Toggle Group Grouped buttons for toggling option states. ```svelte ``` ## Controlled Use the `value` and `onValueChange` props to control state programmatically. ```svelte

(value = details.value)} multiple>

You selected {value.length > 0 ? value.join(', ') : 'none'}

``` ## Orientation Using the `orientation` prop to control the layout. ```svelte

Horizontal

Vertical

``` ## Direction Set the text direction (`ltr` or `rtl`) using the `dir` prop. ```svelte ``` ## Anatomy Here's an overview of how the ToggleGroup component is structured in code: ```svelte ``` ## API Reference