Border Alert
Set up
Import Alert, BorderAlert, and InfoAlert and set variables in the script tag.
<script>
import { BorderAlert } from "flowbite-svelte";
</script>Examples
<BorderAlert color="blue">
A border alert without the close button.
</BorderAlert>
<BorderAlert color="gray">
A border alert without the close button.
</BorderAlert>
<BorderAlert color="green">
A border alert without the close button.
</BorderAlert>
<BorderAlert alertId="border-alert-1" color="yellow" closeBtn>
A border alert with the close button.
</BorderAlert>
<BorderAlert alertId="border-alert-2" color="red" closeBtn>
A border alert with the close button.
</BorderAlert>A border alert without the close button.
A border alert without the close button.
A border alert without the close button.
A border alert with the close button.
A border alert with the close button.
Props
The component has the following props, type, and default values. See type-list page for type information.
| Name | Type | Default |
|---|---|---|
| color | Colors | 'blue' |
| alertId | string | 'alert-border-1' |
| closeBtn | boolean | false |