Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Installation

uvx django_shadcn@latest add dialog

Usage

<c-dialog>
  <c-dialog.trigger>Open Dialog</c-dialog.trigger>
  <c-dialog.content>
    <c-dialog.header>
      <c-dialog.title>Are you absolutely sure?</c-dialog.title>
      <c-dialog.description>
        This action is permanent and cannot be undone.
      </c-dialog.description>
    </c-dialog.header>
    <div class="flex justify-end gap-2 pt-4">
      <c-button variant="outline" @click="hideDialog">Cancel</c-button>
      <c-button variant="default">Submit</c-button>
    </div>
  </c-dialog.content>
</c-dialog>