Text
Textelement med fördefinierad stil
import { Text } from '@midas-ds/components'
<Text>Jag är ett vanligt span-element som standard</Text>
Jag är ett vanligt span-element som standard
Varianter
Stil
Använd egenskapen variant
för att justera textens utseende
<Text variant='body-01'>Jag är ett span-element av varianten 'body-01'</Text>
Jag är ett span-element av varianten 'body-01'
Extern
Använd egenskapen isExpressive
för ett externt och luftigare utseende.
<Text
variant='body-02'
isExpressive
>
Jag är ett externt span-element
</Text>
Jag är ett externt span-element
Val av element
Egenskapen elementType
kan användas för att ändra textens DOM-element.
<Text elementType='em'>Jag är kursiv och viktig</Text>
Jag är kursiv och viktig
Slot
I Midas används Text
internt i formulärkomponenter för att skriva ut en hjälptext slot='description'
.
<Label htmlFor="name">Fullständigt namn</Label>
<Text slot="description">Både för och efternamn</Text>
<input id="name" />
Både för och efternamn