Dropdown
Dropdown-komponentti toimintojen näyttämiseen valikossa. Käytä pudotusvalikkoa, kun on tarve esittää useita vaihtoehtoisia toimintoja tai linkkejä avattavassa ryhmässä.
Julkaistu versiossa 0.15.3
HTML
Lisätietoa HTML-rakenteen ja tyylien hyödyntämisestä löydät sivulta Käyttö ilman Reactia.
Esikatselu
Valikko
Valikon painikkeiden ja linkkien eri tilat
CSS-luokat
| CSS-luokka | Kuvaus |
|---|---|
kds-dropdown | Komponentin perusluokka |
kds-dropdown--xs | Tiivistetty valikko |
kds-dropdown--open | Komponentin avattu tila |
kds-dropdown__menu | Valikkoelementti |
kds-dropdown__menu--xs | Tiivistetty valikko |
kds-dropdown__menu--full-width | Valikko, jonka maksimileveyttä ei ole rajoitettu |
kds-dropdown__menu--show | Valikkoelementin avattu tila |
kds-dropdown__list | Lista toimintoja |
kds-dropdown__heading | Otsikko |
kds-dropdown__divider | Erotinviiva |
kds-dropdown__item | Toiminto |
kds-dropdown__item--active | Aktiivinen toiminto |
kds-dropdown__item--danger | Toiminnon danger-variantti |
kds-dropdown__item--disabled | Estetty toiminto |
kds-dropdown__item-children | Toiminnon sisältö |
kds-dropdown__item-icon | Toiminnon ikoni |