Retroui Svelte
Github

Alert

Displays a callout for user attention.

Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/alert.json


Usage

		<script lang="ts">
  import * as Alert from "$lib/components/ui/alert/index.js";
</script>
 
<Alert.Root>
	<Alert.Title>Success! Your changes have been saved</Alert.Title>
	<Alert.Description>This is an alert with icon, title and description.</Alert.Description>
</Alert.Root>


Examples

Default


Solid


With Icon


Status