Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/huntabyte/shadcn-svelte/llms.txt

Use this file to discover all available pages before exploring further.

​
Installation

npx shadcn-svelte@next add dialog

​
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>

​
Examples

​
Custom close button

You can create a custom close button for the dialog component.

Build docs developers (and LLMs) love

Get started for freeTalk to us