Links

Modal

Modal component for Universal Dashboard.
Modals inform users about a task and can contain critical information, require decisions, or involve multiple tasks.

Basic

New-UDButton -Text 'Basic' -OnClick {
Show-UDModal -Content {
New-UDTypography -Text "Hello"
}
}

Full Screen

New-UDButton -Text 'Full Screen' -OnClick {
Show-UDModal -Content {
New-UDTypography -Text "Hello"
} -Footer {
New-UDButton -Text "Close" -OnClick { Hide-UDModal }
} -FullScreen
}

Full Width

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

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
}

Hide a Modal

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