Typographie

Utilisez la typographie pour présenter votre design et votre contenu de la manière la plus claire et la plus efficace possible.

Trop de tailles et de styles de police à la fois peuvent gâcher n'importe quelle mise en page. Une échelle typographique comporte un ensemble limité de tailles de police qui fonctionnent bien ensemble avec la grille de mise en page.

Tous les types de typographie

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

Texte coloré

Vous pouvez utiliser le paramètre -Style pour définir les couleurs de votre texte.

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

Mise en forme basée sur le thème

Vous pouvez utiliser une mise en forme basée sur le thème à l'aide du paramètre -Sx de New-UDTypography. Par exemple, pour appliquer la couleur de texte secondaire, vous pouvez utiliser la syntaxe suivante.

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

API

• New-UDTypography