Alert
Component for displaying messages, notifications, or other application state.
import { Alert } from 'theme-ui'
If screen readers should immediately start reading the alert aloud,
add role="alert"
.
Variants
Alert variants can be defined in theme.alerts
.
The Alert component uses theme.alerts.primary
as its default variant.
Edit the page on GitHub// example theme variants{alerts: {primary: {color: 'background',bg: 'primary',},muted: {color: 'text',bg: 'muted',},},}