poshud/pages/checkbox.ps1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

New-UDPage -Name "Checkbox" -Icon check_square -Content {
    New-UDRow -Columns {
        New-UDColumn -Size 2 -Content {}
        New-UDColumn -Size 10 -Content {
            New-UDHeading -Size 1 -Text "Checkboxes"  -Color $Colors.FontColor

            New-UDParagraph -Content {
                "Use checkboxes when looking for yes or no answers. "
            } -Color $Colors.FontColor
            
            New-UDElementExample -Example {
                New-UDCheckbox -Label Unchecked
                New-UDCheckbox -Label Checked -Checked
                New-UDCheckbox -Label 'Filled In' -Checked -FilledIn
                New-UDCheckbox -Label 'Disabled' -Checked -FilledIn -Disabled
            }

            New-UDHeading -Size 3 -Text "OnChange Event"  -Color $Colors.FontColor

            New-UDElementExample -Example {
                New-UDElement -Id "CheckboxState" -Tag "span" 

                New-UDCheckbox -Id CheckBox -Label "Check me" -OnChange {
                    $Element = Get-UDElement -Id CheckBox
                    Set-UDElement -Id "CheckboxState" -Content $Element.Attributes["checked"]
                }
            }
        }
    }
}