Tipografia

Utilizzi la tipografia per presentare il suo design e i suoi contenuti nel modo più chiaro ed efficiente possibile.

Troppe dimensioni e stili di carattere contemporaneamente possono rovinare qualsiasi layout. Una scala tipografica ha un insieme limitato di dimensioni di carattere che funzionano bene insieme alla griglia del layout.

Tutti i tipi di tipografia

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

Testo colorato

Può utilizzare il parametro -Style per definire i colori del suo testo.

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

Stile basato sul tema

Può utilizzare lo stile basato sul tema tramite il parametro -Sx di New-UDTypography. Ad esempio, per applicare il colore del testo secondario, può utilizzare la seguente sintassi.

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

API

• New-UDTypography