Alert â Svelte
Alert component â Svelte.
Alert component
Variants: success, error, warning, info. Optional dismissible and auto-dismiss.
Variants (show on click)
Click the buttons below to see each variant in action:
Live examples
Auto-dismiss
Alerts can automatically dismiss after a set duration:
Auto-dismiss examples
Static examples
Inline alerts
Success message.
Error message.
Warning message.
Dismissible info alert.
Usage
svelte svelte
<script>
import Alert from './components/svelte/Alert.svelte';
</script>
<Alert variant="success">Saved.</Alert>
<Alert variant="error" dismissible>Something went wrong.</Alert>
<Alert variant="info" autoDismiss={5000}>Auto-dismiss in 5s.</Alert>