Alert Component

[nicosammito]

Describe the use case precisely

To show information is a higher priority. For error / success / warning or just info

Variants

1. Error (red)
2. Warning (yellow)
3. Success (green)
4. Info (white)

Functionality

1. Dismissible with X icon
2. Heading
3. Text

Code example

Without Heading

<Alert variant={string} dismissible={boolean}>
    text
</Alert>

With Heading

<Alert variant={string} dismissible={boolean}>
    <Alert.Heading>heading</Alert.Heading>
    text
</Alert>

[nicosammito]

Removed the <Alert.Heading>heading</Alert.Heading> component and switched to a required title prop for the Alert component.

<Alert title={ReactNode} {...args}></Alert>

[nicosammito]