Luonnos

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.

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