Alert

Displays a callout message for user attention.

Preview

Props

PropTypeDefaultDescription
variantstring'default'default or destructive
titlestringAlert title
descriptionstringAlert description

Usage

const { Alert, AlertTitle, AlertDescription } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root')).render(
  React.createElement(Alert, null,
    React.createElement(AlertTitle, null, 'Heads up!'),
    React.createElement(AlertDescription, null, 'Alert message.')
  )
);

Variants