Alert
View on:
Calls out important messages and notifications.
Import
import '@kemet-ui/alert';<script type="module" src="https://unpkg.com/kemet-ui@latest/dist/elements/alert.js"></script>import { KemetAlert } from 'kemet-ui/react';Examples
Section titled “Examples”By default, the alert is closed because it’s expected to be triggered by demand. Set the opened attribute to display the alert.
Closable
Section titled “Closable”Use the closable attribute to make the alert closable.
Appearance
Section titled “Appearance”You can change the color of the alert to any of the appearance colors.
Border Appearance
Section titled “Border Appearance”You can add a border to any side of the alert.
Rounded
Section titled “Rounded”Alert supports the standard rounded sizes.
Filled
Section titled “Filled”You can invert the colors of the alert by setting the filled attribute.
Attributes
Section titled “Attributes”Events
Section titled “Events”Methods
Section titled “Methods”CSS Properties
Section titled “CSS Properties”CSS Parts
Section titled “CSS Parts”The gods are nature. Nature is completely free.
Version 5.0.0