Typografie

Verwenden Sie Typografie, um Ihr Design und Ihre Inhalte so klar und effizient wie möglich zu präsentieren.

Zu viele Schriftgrößen und -stile auf einmal können jedes Layout verderben. Eine typografische Skala verfügt über eine begrenzte Anzahl von Schriftgrößen, die gut zusammen und mit dem Layout-Raster funktionieren.

Alle Typografie-Typen

@("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 {}
}

Farbiger Text

Sie können den Parameter -Style verwenden, um Farben für Ihren Text festzulegen.

New-UDTypography -Text 'My Text' -Style @{ color = 'blue' }

Themenbasiertes Styling

Sie können themenbasiertes Styling mit dem Parameter -Sx von New-UDTypography verwenden. Um beispielsweise die sekundäre Textfarbe anzuwenden, können Sie die folgende Syntax verwenden.

New-UDTypography -Text 'Secondar' -Sx @{
    color = 'text.secondary'
}

API

• New-UDTypography