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

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
classNamestringTo add new or to override the applied styles
childrennodeComponents content
variantstringHas eight different color variants

Alert Variants

The variants in this case is that you can choose frm 8 different colors

Variants (colors)

  1. fushia
  2. slate
  3. lime
  4. red
  5. orange
  6. cyan
  7. gray
  8. 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.

Contact Us