Alert

Alert component for displaying important messages to users.

The Alert is a modal dialog for critical information or user confirmation. It supports composition via subcomponents:

  • Alert.Illustration: Displays an illustration at the top of the alert.
  • Alert.Title: The main heading for the alert dialog.
  • Alert.Text: Provides additional details or context.
  • Alert.Footer: Container for action buttons.
  • Alert.Button: Button for actions, accepts all prism-button props.

The open prop controls visibility, and onOpenChange updates open/close state if needed. You can trigger the alert by updating the open state.