Actions and display

IconToggleGroup

IconToggleGroup — joins a row of `IconToggle`s into one labelled group: a single segmented strip with shared edges and rounded ends, exposed to assistive technology as `role="group"` named by `label` ("Filter by type"). It adds no behaviour; each toggle keeps its own `pressed` state and `onclick`, so it works for one-of-many and many-of-many alike. Put one group per kind of filter and lay the groups out yourself.

Public export

typescript

import { IconToggleGroup } from '@happyvertical/smrt-ui/ui';

Import path: @happyvertical/smrt-ui/ui
Props: 3
Props described: 3 of 3
Bindable state: 0
Callback events: 0
Verified release: 0.57.40

Props

NameTypeRequiredDescription

labelstringYesNames the group for assistive technology (what these toggles filter).

childrenSnippetYesThe `IconToggle`s.

classstringNoAdditional CSS class names.

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Public export

Props

Bindable state

Callback events

Examples and explanation