Case à cocher

Les cases à cocher permettent à l'utilisateur de sélectionner un ou plusieurs éléments d'un ensemble.

Cases à cocher

Les cases à cocher peuvent être désactivées et cochées par défaut

New-UDCheckBox
New-UDCheckBox -Disabled
New-UDCheckBox -Checked $true
New-UDCheckBox -Checked $true -Disabled

Cases à cocher avec icône personnalisée

Créez des cases à cocher qui utilisent n'importe quelle icône et n'importe quel 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'}

Cases à cocher avec bloc de script onChange

Créez des cases à cocher qui déclenchent des blocs de script lorsqu'elles sont modifiées.

New-UDCheckBox -OnChange {
    Show-UDToast -Title 'Checkbox' -Message $Body
}

Case à cocher avec positionnement d'étiquette personnalisé

Vous pouvez ajuster l'endroit où l'étiquette de la case à cocher est placée.

New-UDCheckBox -Label 'Demo' -LabelPlacement start
New-UDCheckBox -Label 'Demo' -LabelPlacement top
New-UDCheckBox -Label 'Demo' -LabelPlacement bottom
New-UDCheckBox -Label 'Demo' -LabelPlacement end

Obtenir la valeur d'une case à cocher

Vous pouvez utiliser Get-UDElement pour obtenir la valeur de la case à cocher. Get-UDElement retournera également d'autres propriétés du composant de case à cocher.

L'exemple suivant affiche un message toast avec la valeur de la case à cocher.

New-UDCheckbox -Id 'MyCheckbox' 

New-UDButton -Text 'Get Value' -OnClick {
    Show-UDToast -Message (Get-UDElement -Id 'MyCheckbox').checked
}

API

• New-UDCheckbox