No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Alert

<Alert.Title />, <Alert.Body /> and onClose property are there to allow faster development without needing to spend too much time thinking about minor details. But if you need more freedom you can just pass any custom jsx to <Alert /> as children and it should still work fine.

NameDescriptionDefaultControl
alertPositionX
alert's position along the x axis
"left""center""right"
"left"
alertPositionY
alert's position along the y axis
"top""middle""bottom"
"bottom"
color
"primary""secondary""warning""danger"
"primary"
fullWidth
boolean
false
glass
have glassy background for alert ✨
boolean
false
onClose

if this function is passed as prop, a cross icon button will be present on the alert component and this function will run when that button is clicked

MouseEventHandler<HTMLButtonElement>
-
onClose : {
    }
    show
    boolean
    false

    Stories

    Danger Colored Alert

    Glass Background Alert

    Custom Position Alert

    Alert With Custom JSX Children