Alert

Best practices

• Match severity to the actual importance: info for context, warning for potential issues, error for failures
• Always provide actionable guidance in error alerts
• Use Alert.Title for complex messages; skip titles for brief one-liners
• Limit to one action per alert to avoid decision paralysis
• Use Alert.Close only for non-critical information
• Alert.Action and Alert.Close render buttons with type="button" by default (safe inside forms)
• Alert.Close composes your onClick handler with built-in dismiss behavior and respects preventDefault()
• Alert sub-components forward DOM props (aria-*, data-*, id, handlers) to their rendered elements