Beta
ProgressBar
Komponentti toiminnon edistymisen näyttämiseen.
Julkaistu versiossa 16.1.0
HTML
Lisätietoa HTML-rakenteen ja tyylien hyödyntämisestä löydät sivulta Käyttö ilman Reactia.
Esikatselu
Esimerkit
CSS-luokat
| CSS-luokka | Arvot | Kuvaus |
|---|---|---|
kds-progress-bar |
Edistysmispalkin perusluokka | |
kds-progress-bar--[variant] |
primary, danger |
Edistysmispalkin ulkoasu |
kds-progress-bar--rounded |
Pyöristetty edistymispalkki | |
kds-progress-bar--animation-ease |
Ease-in-out animointia käyttävä edistysmispalkki | |
kds-progress-bar--xs |
Tiivis edistymispalkki | |
kds-progress-bar__progress |
Edistysmispalkkia ympäröivä elementti | |
kds-progress-bar__bar |
Varsinainen edistymistä näyttävä palkki | |
kds-progress-bar__description |
Edistymisen kuvaus | |
kds-progress-bar__highlight |
Edistymisen kuvauksen korostettu osuus | |
kds-progress-bar__label |
Nimilappu |