Skip to content

Alert Component #9

@nicosammito

Description

@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>

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions