selection/DSCheckbox

DSCheckbox

selection
since v1.0

Multi-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.

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

PropTypeDefaultDescription
labelreqStringCheckbox label.
isCheckedreqBinding<Bool>Binding to checked state.
isIndeterminateBoolfalseIndeterminate state.
isDisabledBoolfalseDisables interaction.

Examples

Permission list

Multi-select permission screen.

swift
ForEach(permissions) { perm in
    DSCheckbox(perm.name, isChecked: $perm.isGranted)
}

Related Components