Element: #988 Hear it (feedback/sound)
What it shows: A sound toggle with volume, a profile picker (system, glass, brutalism, terminal) and a board of buttons that each play one cue.
When to use: Let people audition a sound profile before turning interface sound on in an app.
Spec:
- `` next to a `SegmentedControl` bound to the profile
- `$effect(() => sound.use(PROFILES[profile]))` pins the picked profile and `onDestroy` releases it
- A `role="group"` board of outlined small `Button` items, each with `sound={cue}` for one cue name
- The cues are `press`, `toggle-on`, `toggle-off`, `success`, `error`, `warning`, `open`, `close` and `tab`
Tags: sound, audio, feedback, profile, toggle
Needs: @codeatlasdev/ui@4.6.0
Components: Button, SegmentedControl, SoundToggle
Live demo: https://ui.codeatlas.com.br/docs/feedback/sound#hear-it