Tipografía

Utilice la tipografía para presentar su diseño y contenido de la forma más clara y eficiente posible.

Demasiados tamaños y estilos de letra a la vez pueden arruinar cualquier maquetación. Una escala tipográfica tiene un conjunto limitado de tamaños de letra que funcionan bien juntos junto con la cuadrícula de maquetación.

Todos los tipos de tipografía

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

Texto con color

Puede utilizar el parámetro -Style para definir los colores de su texto.

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

Estilos basados en temas

Puede utilizar estilos basados en temas mediante el parámetro -Sx de New-UDTypography. Por ejemplo, para aplicar el color de texto secundario, puede utilizar la siguiente sintaxis.

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

API

• New-UDTypography