Alert

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

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

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.