Modal
Modal component for Universal Dashboard.
Modals inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
New-UDButton -Text 'Basic' -OnClick {
Show-UDModal -Content {
New-UDTypography -Text "Hello"
}
}
New-UDButton -Text 'Full Screen' -OnClick {
Show-UDModal -Content {
New-UDTypography -Text "Hello"
} -Footer {
New-UDButton -Text "Close" -OnClick { Hide-UDModal }
} -FullScreen
}
Full width modals take up the full width as defined by the
-MaxWidth parameter.
New-UDButton -Text 'Full Width' -OnClick {
Show-UDModal -Content {
New-UDTypography -Text "Hello"
} -FullWidth -MaxWidth 'md'
}
Persistent modals do not close when you click off of them. You will have to close it with
Hide-UDModal.
New-UDButton -Text 'Persistent' -OnClick {
Show-UDModal -Content {
New-UDTypography -Text "Hello"
} -Footer {
New-UDButton -Text "Close" -OnClick { Hide-UDModal }
} -Persistent
}
You can use the
Hide-UDModal button to hide a modal that is currently show.New-UDButton -Text 'Basic' -OnClick {
Show-UDModal -Content {
New-UDTypography -Text "Hello"
}
Start-Sleep 5
Hide-UDModal
}
Show-UDModal
Name | Type | Description | Required |
FullScreen | switch | Creates a full screen modal | false |
Footer | ScriptBlock | Sets the footer content for the modal. | false |
Header | ScriptBlock | Sets the header content for the modal. | false |
Content | ScriptBlock | Sets the main body content for the modal. | false |
Persistent | switch | Creates a persistent modal. | false |
FullWidth | switch | Creates a full width modal. | false |
MaxWidth | string | Defines the max width of a full width modal. | false |
Last modified 2yr ago