HTML data-attributt vert brukt for å definere størrelse på ein komponent. Komponentane kan nytte alle alle størrelsar.
Våre size
-variablar (--ds-size-*
) endrar seg basert på den lokale skriftstørrelsen (formel basert på em
). Du kan lett endre den ved bruk av data-size
for våre anbefalte størrelsar, eller definere dine eigne størrelsar ved å setje font-size
i CSS.
data-size
Dette data-attributtet blir brukt for å endre størrelsar på alle komponentar under seg.
Alle komponentar kan være i størrelsane, sm
, md
eller lg
. Som standard vil md
bli nytta.
Nokre komponentar har støtte for fleire størrelsar, som xs
og xl
. Desse størrelsane vil bli spesifisert i dokumentasjonen til komponenten,
og det er anbefalt å bruke dei størrelsane som er spesifisert.
Korleis komponentar blir påverka
Me delar komponentar inn i 2 grupper for størrelsar:
- Eksplisitt
- Cascading
Eksplisitt
Komponentar som ikkje vil følgje størrelsen til forelderen. Desse komponentane må ha data-size
satt direkte på seg.
Dette er komponentar som
Heading
Cascading
Denne gruppa inneheld resten av komponentane, og vil arve størrelse frå næraste forelder med data-size
satt.