Overskrifter, brødtekst, bildetekster og overlinjer med temaets skrift og størrelser. Overskrifter gjengir ekte overskriftskoder, så siden din beholder en ordentlig struktur.
Hvorfor det hjelper
- Konsekvent skriftskala
- Ekte overskrifter
- Temaets skrift
Hvor det passer
- Sider
- Artikler
- Kort
Eksempel
<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>Et kort utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.
Inkludert i RayCraft Free. Fungerende eksempler finnes i GitHub-arkiv (MIT); det inneholder eksempel- og demokode, ikke bibliotekets kode.