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.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.
Name | Description | Default | Control |
---|---|---|---|
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 |