ToggleCount Action Chip
v1.0.0A toggle switch that shows a count badge.
Interactive Implementation
Toggle the switch to see the count change.
Properties API
All available props for this component.
Property | Type | Default | Description |
|---|---|---|---|
| pressed | boolean | required | Binds the active toggle state layout layer to a boolean validation wrapper. |
| onPressedChange | (pressed: boolean) => void | required | State handler updating selection hooks on client tapping interactions. |
| count | number | required | The explicit metric indicator tracking quantity data to render inside the trailing badge node. |
| showZero | boolean | false | Toggles whether to preserve badge rendering fields when count states fall straight to absolute zero. |
| variant | "default" | "outline" | "default" | Controls structural tokens adjustments modifying border parameters and layout transparencies. |