selection/DSCheckbox
DSCheckbox
selectionMulti-select checkbox with a checkmark animation. Supports indeterminate state for parent checkboxes.
iOS 17+macOS 14+
Purpose
Multi-selection in forms, lists, and permission screens.
Interactive Reference
Live showroom
Need the full visual surface?
Screenshots do not scale well across every component, state, and variant. For the real interactive reference, import the package and launch DSShowcaseRoot().
Best for exploring:
variants, states, categories, and real app examples in one place.
States
unchecked
Hollow square with a border.
checked
Filled with primary colour and animated checkmark.
indeterminate
Dash — used for parent select-all.
disabled
50% opacity.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| labelreq | String | — | Checkbox label. |
| isCheckedreq | Binding<Bool> | — | Binding to checked state. |
| isIndeterminate | Bool | false | Indeterminate state. |
| isDisabled | Bool | false | Disables interaction. |
Examples
Permission list
Multi-select permission screen.
swift
ForEach(permissions) { perm in
DSCheckbox(perm.name, isChecked: $perm.isGranted)
}