# Segmented

Read the complete [LICENSE](https://snowui.dev/LICENSE) for the installed version before use.

Switch quickly among a small set of exclusive filters or parameters, with keyboard and form support.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Package: `@snowui-design-system/components`. Import: `import { Segmented } from '@snowui-design-system/components';`. Source fingerprint: `7623a48b1478d9e8cb56f02cbefc2a87d28a34f905422df039b7f3e37b6db39c`.

## Usage choices

Use Segmented to choose one of several mutually exclusive parameters or filters. It uses radiogroup semantics. Use Tab when switching between content panels or views.

- Bind a stable option value with bind:value. If the value is missing or does not match, the first option is only a visual fallback; it does not write to the binding. Initialize the value explicitly for forms.
- For explicit children, use Button as="item". A nonempty name adds a hidden form field. The application restores its business value on form reset.

## Read as needed

- [API](https://snowui.dev/llms/en/components/segmented/api.md): Public Props and defaults
- [Types and states](https://snowui.dev/llms/en/components/segmented/types.md): Public type declarations and binding rules
- [Full reference](https://snowui.dev/llms/en/components/segmented/reference.md): Composition and interaction boundaries
- [Styles](https://snowui.dev/llms/en/components/segmented/styles.md): Registered public overrides
- [Examples](https://snowui.dev/llms/en/components/segmented/examples.md): Code and preview links
- [Image index](https://snowui.dev/llms/components/segmented/images.json): Use only if appearance remains uncertain
- [Changelog](https://snowui.dev/llms/en/components/segmented/changelog.md): Version history reviewed in English

[Design guide](https://snowui.dev/llms/en/design-system.md) · [Styling guide](https://snowui.dev/llms/en/styling.md)