Títulos, texto de cuerpo, leyendas y sobrelíneas con la fuente y los tamaños del tema. Los títulos renderizan etiquetas de título reales, así que tu página mantiene una estructura correcta.
Por qué ayuda
- Escala tipográfica coherente
- Títulos reales
- Fuente del tema
Dónde encaja
- Páginas
- Artículos
- Tarjetas
Ejemplo
<Typography Variant="TypographyVariant.Overline">Overline</Typography>
<Typography Variant="TypographyVariant.H1">Heading 1</Typography>
<Typography Variant="TypographyVariant.H2">Heading 2</Typography>
<Typography Variant="TypographyVariant.H3">Heading 3</Typography>
<Typography Variant="TypographyVariant.Subtitle">A subtitle sits under a heading and is muted.</Typography>
<Typography>Body text is the default variant. It uses the theme font and wraps normally.</Typography>
<Typography Variant="TypographyVariant.Caption">Caption: small, muted text.</Typography>
<Stack>
<Typography Color="TypographyColor.Primary">Primary</Typography>
<Typography Color="TypographyColor.Success">Success</Typography>
<Typography Color="TypographyColor.Warning">Warning</Typography>
<Typography Color="TypographyColor.Error">Error</Typography>
</Stack>Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.