Alert
Short, important message that catches the user eye
- types
primary
secondary
success
warning
danger
<Alert type="primary">primary</Alert>
<Alert type="secondary">secondary</Alert>
<Alert type="success">success</Alert>
<Alert type="warning">warning</Alert>
<Alert type="danger">danger</Alert>- icon
Saved
New message
<script>
import { Alert } from 'spaper';
import { Bell } from 'spaper/icons';
</script>
<Alert type="success" hideIcon>Saved</Alert>
<Alert icon={Bell}>New message</Alert>- dismissible
primary
secondary
success
warning
danger
<Alert type="primary" dismissible>primary</Alert>
<Alert type="secondary" dismissible>secondary</Alert>
<Alert type="success" dismissible>success</Alert>
<Alert type="warning" dismissible>warning</Alert>
<Alert type="danger" dismissible>danger</Alert>