Alert
This is the <Alert />
component. Use the appearance
to change the variants
- Presentation
- Source
This is a generic alert
This is an info alert
This is a warning alert
This is an error alert
This is a success alert
@candy/kitkat/alert
<Alert appearance="generic">This is a generic alert</Alert><Alert appearance="info">This is an info alert</Alert><Alert appearance="warning">This is a warning alert</Alert><Alert appearance="error">This is an error alert</Alert><Alert appearance="success">This is a success alert</Alert>
Component API
Name | Type | Default | Description |
---|---|---|---|
children | String /ReactNode | - | Content |
css | CSSProperties | - | Custom CSS styles (Stiches format) |
appearance | string | generic | One of: generic info warning success error |
className | string | - | CSS Class Name |
margin | string | - | CSS Margin |
padding | string | - | CSS Padding |