Alert

Provide contextual feedback messages for typical user actions with a handful of available alert messages.

Props

className

String

theme

'info' │ 'success' │ 'warning' │ 'error'

'info'

Examples

This the default alert

This is a success alert

<div className="docs-vertical-group">
  <Alert>This the default alert</Alert>
  <Alert theme="success">This is a success alert</Alert>
  <Alert theme="warning">This is a success alert</Alert>
  <Alert theme="error">This is a success alert</Alert>
</div><div className="docs-vertical-group">
  <Alert>This the default alert</Alert>
  <Alert theme="success">This is a success alert</Alert>
  <Alert theme="warning">This is a success alert</Alert>
  <Alert theme="error">This is a success alert</Alert>
</div>

Alert

.css-1r0pe6c{color:inherit;-webkit-text-decoration:none;text-decoration:none;}.css-1r0pe6c:hover{-webkit-text-decoration:underline;text-decoration:underline;}Props

Examples

Props