Alerts - Are mainly used to display details about a single topic - can be actions or just content. Cards should be relevant actionable information. For example if you want to show you companies sales in numbers you can use a card to highlight it in a better way. Mainly used on:
- Homepages
- Dashboards
Import
import Alert from '@intelops/intelops_ui/packages/react/components/Alert/src';
Create an Alert
<Alert
variant="orange"
className="alert">
IntelOps alert
</Alert>
Props
Name | Type | Description |
---|---|---|
id | string | Unique to each element can be used to lookup an element getElementById( ) |
className | string | To add new or to override the applied styles |
children | node | Components content |
variant | string | Has eight different color variants |
Alert Variants
The variants in this case is that you can choose frm 8 different colors
Variants (colors)
- fushia
- slate
- lime
- red
- orange
- cyan
- gray
- darkGray