Hoppa till innehållet
CONTENT · FREE

Typography

Rubriker och text som förblir konsekventa i hela din app.

Rubriker, brödtext, bildtexter och överlinjer med temats typsnitt och storlekar. Rubriker renderar riktiga rubriktaggar, så din sida behåller en ordentlig struktur.

Varför det hjälper

  • Konsekvent typskala
  • Riktiga rubriker
  • Temats typsnitt

Var det passar

  • Sidor
  • Artiklar
  • Kort
Kontrollen Typography på en RayCraft-sida

Exempel

<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>

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.

Alla kontroller ยท Dokumentation