Typography
Typography component for Universal Dashboard
Use typography to present your design and content as clearly and efficiently as possible.
Too many type sizes and styles at once can spoil any layout. A typographic scale has a limited set of type sizes that work well together along with the layout grid.

All Typography Types

1
@("h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2",
2
"caption", "button", "overline", "srOnly", "inherit",
3
"display4", "display3", "display2", "display1", "headline", "title", "subheading") | ForEach-Object {
4
New-UDTypography -Variant $_ -Text $_ -GutterBottom
5
New-UDElement -Tag 'p' -Content {}
6
}
Copied!

Colored Text

You can use the -Style parameter to define colors for your text.
1
New-UDTypography -Text 'My Text' -Style @{ color = 'blue' }
Copied!
New-UDTypography
Name
Type
Description
Required
Id
String
The ID of the component. It defaults to a random GUID.
false
Variant
String
The type of text to display.
false
Text
String
The text to format.
false
Content
ScriptBlock
The content to format.
false
Style
Hashtable
A set of CSS styles to apply to the typography.
false
ClassName
String
A CSS className to apply to the typography.
false
Align
String
How to align the typography.
false
GutterBottom
SwitchParameter
The gutter bottom.
false
NoWrap
SwitchParameter
Disables text wrapping.
false
Paragraph
SwitchParameter
Whether this typography is a paragraph.
false
Last modified 6mo ago