Typographie

Composant de typographie pour Universal Apps

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 texte à la fois peuvent gâcher n'importe quelle mise en page. Une échelle typographique comporte un ensemble limité de tailles de texte qui s'harmonisent bien 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 des couleurs pour votre texte.

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

Styles basés sur le thème

Vous pouvez utiliser les styles basés sur le thème en utilisant le 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