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