List

Esikatselu

Käyttötarkoitus

Käytä komponenttia ryhmittelemään samaan aiheeseen kuuluvaa sisältöä listaksi, mikä helpottaa sisältöjen silmäilyä ja lukemista.

Käytä numeroimatonta listaa, kun asioiden järjestyksellä ei ole merkitystä. Käytä numeroitua listaa, kun asioiden järjestys on tärkeä osa sisältöä.

Numeroimaton lista

Oletuksena komponentti tuottaa numeroimattoman listan.

Numeroitu lista

Numeroidun listan saa lisäämällä List-komponentille ordered-propin. Muista lisätä se myös sisäkkäisille listoille.

Johdantolause

Listan voi yhdistää tekstikappaleeseen antamalla listaa edeltävän tekstin List-komponentin text-propiin. Tekstikappale renderöidään p-tagilla ja komponentti asettaa tiiviimmän välistyksen tekstin ja listan väliin.

Teksti renderöidään vain allekkain asetelluille listatyypeille.

Lista ilman tyylejä

Tyylittämätöntä listaa voi käyttää esim. muiden komponenttien kanssa, kun asia halutaan esittää ruudunlukijoille listana.

Yhden rivin lista

Yksirivistä listaa voi käyttää esim. muiden komponenttien kanssa, kun asia halutaan esittää ruudunlukijoille listana.