h1 (Heading 1)

El zorro marrón rápido salta sobre el perro perezoso.

Code Snippet

<Typography variant="h1">
  El zorro marrón rápido salta sobre el perro perezoso.
</Typography>

h2 (Heading 2)

El zorro marrón rápido salta sobre el perro perezoso.

Code Snippet

<Typography variant="h2">
  El zorro marrón rápido salta sobre el perro perezoso.
</Typography>

h3 (Heading 3)

El zorro marrón rápido salta sobre el perro perezoso.

Code Snippet

<Typography variant="h3">
  El zorro marrón rápido salta sobre el perro perezoso.
</Typography>

p (Párrafo)

El zorro marrón rápido salta sobre el perro perezoso. Esta es una oración de ejemplo para mostrar cómo se ve un bloque de texto más largo en la variante de párrafo estándar.

Code Snippet

<Typography variant="p">
  El zorro marrón rápido salta sobre el perro perezoso. Esta es una oración de ejemplo para mostrar cómo se ve un bloque de texto más largo en la variante de párrafo estándar.
</Typography>

lead (Introducción)

Un párrafo introductorio que destaca del resto del texto.

Code Snippet

<Typography variant="lead">
  Un párrafo introductorio que destaca del resto del texto.
</Typography>

large (Grande)

Texto un poco más grande e importante.

Code Snippet

<Typography variant="large">
  Texto un poco más grande e importante.
</Typography>

small (Pequeño)

Texto pequeño para detalles o anotaciones secundarias.

Code Snippet

<Typography variant="small">
  Texto pequeño para detalles o anotaciones secundarias.
</Typography>

muted (Atenuado)

Texto con un contraste más bajo, ideal para descripciones de campos o notas menos importantes.

Code Snippet

<Typography variant="muted">
  Texto con un contraste más bajo, ideal para descripciones de campos o notas menos importantes.
</Typography>