Alert
Komponentti ilmoitusten esittämiseen.
Julkaistu versiossa 0.15.3
HTML
Lisätietoa HTML-rakenteen ja tyylien hyödyntämisestä löydät sivulta Käyttö ilman Reactia.
Esikatselu
Esimerkit
Ilmoitustyypit
Ilmoituksen koko
Laajennettava ilmoitus
Suljettava ilmoitus
Taustavärin ja ikonin sijainnin muokkaaminen
Koko näytön levyisten ilmoitusten näyttäminen
CSS-luokat
| CSS-luokka | Arvot | Kuvaus |
|---|---|---|
kds-alert | Ilmoituksen perusluokka | |
kds-alert--collapsible | Laajennettava ilmoitus | |
kds-alert--container | Containeria hyödyntävä ilmoitus | |
kds-alert--dismissible | Suljettava ilmoitus | |
kds-alert--flush | Ilmoitus taustavärillä ilman reunaviivoja | |
kds-alert--icon-[position] | left, top, auto | Ilmoituksen ikonin asemointi |
kds-alert--[size] | sm, md, lg | Ilmoituksen koko |
kds-alert--text-only | Ilmoitus pelkällä kuvakkeella ja tekstillä | |
kds-alert--[variant] | primary, warning, danger, success, light | Ilmoituksen väri |
kds-alert__close | Suljettavan ilmoituksen painike | |
kds-alert__collapse-btn | Laajennettavan ilmoituksen painike | |
kds-alert__collapse-btn--container | Containeria hyödyntävä painike | |
kds-alert__collapse-btn-toggle | Laajennettavan ilmoituksen painikkeen toggle-elementti | |
kds-alert__collapse-title | Laajennettavan ilmoituksen otsikko | |
kds-alert__content | Ilmoituksen sisältö | |
kds-alert__content--container | Containeria hyödyntävä sisältöelementti | |
kds-alert__icon | Ilmoituksen ikoni |