Intro
BodyShort brukes der mindre tekstsnutter er ønsket. Linjeavstanden er litt mindre, noe som gjør den litt enklere å jobbe med i eks komponenter.
Egnet til å:
- Style kompont-tekst
- Style mindre tekstsnutter
Vurder noe annet:
- Når teksten går over 3+ linjer
Eksempler
Varianter
Størrelse
Komponenten tilbyr disse størrelsene "medium" | "small" tilsvarende 18px og 16px.
Med eller uten spacing (padding)
BodyShort har en prop: spacing, som automatisk setter på padding-bottom for å gi mer avstand mellom elementene.
Props
BodyShort
- as? React.ElementType
- size?"medium" | "small"
- children ReactNode
- spacing? boolean
- className? string
- ref? Ref<HTMLParagraphElement>
- OverridableComponent-api
- medium: 18px, small: 16px
- Paragraph text
- Adds margin-bottom
- BodyShort extends HTMLParagraphElement