Links

Checkbox

Check component for Universal Dashboard
Checkboxes allow the user to select one or more items from a set.

Checkboxes

Checkboxes can be disabled and checked by default
New-UDCheckBox
New-UDCheckBox -Disabled
New-UDCheckBox -Checked $true
New-UDCheckBox -Checked $true -Disabled

Checkboxes with custom icon

Create checkboxes that use any icon and style.
$Icon = New-UDIcon -Icon angry -Size lg -Regular
$CheckedIcon = New-UDIcon -Icon angry -Size lg
New-UDCheckBox -Icon $Icon -CheckedIcon $CheckedIcon -Style @{color = '#2196f3'}

Checkboxes with onChange script block

Create checkboxes that fire script blocks when changed.
New-UDCheckBox -OnChange {
Show-UDToast -Title 'Checkbox' -Message $Body
}

Checkbox with custom label placement

You can adjust where the label for the checkbox is placed.
New-UDCheckBox -Label 'Demo' -LabelPlacement start
New-UDCheckBox -Label 'Demo' -LabelPlacement top
New-UDCheckBox -Label 'Demo' -LabelPlacement bottom
New-UDCheckBox -Label 'Demo' -LabelPlacement end

Get the value of a Checkbox

You can use Get-UDElement to get the value of the checkbox. Get-UDElement will also return other properties of the checkbox component.
The following example shows a toast message with the value of the checkbox.
New-UDCheckbox -Id 'MyCheckbox'
New-UDButton -Text 'Get Value' -OnClick {
Show-UDToast -Message (Get-UDElement -Id 'MyCheckbox').checked
}

API

Last modified 8mo ago