Button
Button component for Universal Dashboard
Buttons allow users to take actions, and make choices, with a single tap.
Contained Button
Contained buttons are high-emphasis, distinguished by their use of elevation and fill. They contain actions that are primary to your app.
1
New-UDButton -Variant 'contained' -Text 'Default'
Copied!
Outlined Button
Outlined buttons are medium-emphasis buttons. They contain actions that are important, but aren’t the primary action in an app.
1
New-UDButton -Variant 'outlined' -Text 'Default'
Copied!
Control Button Size
You can control the pixel size of a button based on pixel size by using the Style parameter
1
New-UDButton -Id "Submit" -Text "Submit" -Style @{ Width = "150px"; Height = "100px" }
Copied!
Buttons with icons and label
Sometimes you might want to have icons for certain button to enhance the UX of the application as we recognize logos more easily than plain text. For example, if you have a delete button you can label it with a dustbin icon.
1
New-UDButton -Icon (New-UDIcon -Icon trash) -Text 'Delete'
Copied!
Buttons with event handlers
You can specify a script block to execute when the button is clicked
1
New-UDButton -Text 'Message Box' -OnClick {
2
Show-UDToast -Message 'Hello, world!'
3
}
Copied!
API
​
Last modified 5mo ago