Retroui Svelte
Github

Dialog

A modal dialog that interrupts the user with important content and expects a response.

Docs API Reference Component Source


Installation

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


Usage

		<script lang="ts">
 import * as Dialog from "$lib/components/ui/dialog/index.js";
</script>
 
<Dialog.Root>
 <Dialog.Trigger>Open</Dialog.Trigger>
 <Dialog.Content>
  <Dialog.Header>
   <Dialog.Title>Are you sure absolutely sure?</Dialog.Title>
   <Dialog.Description>
    This action cannot be undone. This will permanently delete your account
    and remove your data from our servers.
   </Dialog.Description>
  </Dialog.Header>
 </Dialog.Content>
</Dialog.Root>