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

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

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

IsEndPoint

SwitchParameter

false

GutterBottom

SwitchParameter

The gutter bottom.

false

NoWrap

SwitchParameter

Disables text wrapping.

false

Paragraph

SwitchParameter

Whether this typography is a paragraph.

false