This story is not configured to handle controls. Learn how to add controls
| 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> | - | - |
| show | boolean | false | - |