Alert

The alert provides contextual feedback messages for typical user actions.

import { Alert } from '@backyard-ui/core';

Use the appearance prop to change the visual semantic, this affects the color scheme and icon used.

Use the variant prop to get a different style, solid, subtle or neutral.

Use isLoading props to get a loading state.

You can compose with a CloseButton too.

To use a custom icon, pass the icon you choose to Alert.Icon.

• role
  Description The role of the alert

  Type

  "alert" | "status"

  Default

  alert
• children required
  Description The children elements

  Type

  ReactNode
• appearance
  Description The alert appearance.

  Type

  "success" | "critical" | "info" | "warning"

  Default

  success
• variant
  Description The variant is used to change the visual communication.

  Type

  "neutral" | "solid" | "subtle"

  Default

  solid
• isLoading
  Description Show loading indicator

  Type

  boolean