Alert
Message that stays inside the page, next to what it explains.
You can change the schedule
Free until the session starts.
Booking saved
The booking code was sent to your email.
Fasting required
Fast for 8 hours before the examination.
Could not save
Check your connection and try again.
Usage
import { Alert } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Information that must stay visible.
When not to use
- A short confirmation. Use Toast.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
tone | 'accent' | 'success' | 'warning' | 'danger' | 'neutral' | 'accent' | |
title | string | required | |
description | string | - | |
action | ReactNode | - |
Accessibility
- Warnings and errors are announced when they appear.