🚧 Under development. Read more →
DocumentationDocumentationTemplatesTemplates
GitHubGitHub (opens in a new tab)
  • Getting started
  • Introduction
  • Colors
  • Theming
  • Components
  • Data Display
    • Badge
    • Card
    • Empty State
    • Kbd
    • Separator
    • Snippet
    • Table
  • Disclosure
    • Accordion
    • Collapsible
    • Tabs
  • Feedback
    • Alert
    • Progress
    • Skeleton
    • Spinner
    • Toast
  • Form
    • Label
    • Button
    • Checkbox
    • Choicebox
    • Combobox
    • Form
    • Input
    • OTP Input
    • Radio Group
    • Select
    • Slider
    • Switch
    • Textarea
    • Datatable
  • Media
    • Avatar
    • Aspect Ratio
  • Navigation
    • Breadcrumb
    • Menubar
    • Navigation Menu
    • Pagination
    • Sidebar
    • Stepper
  • Overlay
    • Alert Dialog
    • Context Menu
    • Dialog
    • Drawer
    • Dropdown Menu
    • Hover Card
    • Popover
    • Sheet
    • Tooltip
  • Others
    • Calendar
    • Carousel
    • Command
    • File Uploader
    • File Viewer
    • Tag Picker
    • Scroll Area
    • Address Autocomplete
    • Rich Text Editor

On This Page

  • Usage
  • With border
  • Dependencies
  • API Reference
Question? Give us feedback → (opens in a new tab)Edit this page on GitHub →
Documentation
Overlay
Dialog

Dialog

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

Usage

With border

Add Separator component to add a border like variant between the header, content & footer.

Dependencies

  • @radix-ui/react-dialog (opens in a new tab) - Dialog Primitive.

API Reference

To see the full API docs of Dialog component visit Radix Docs (opens in a new tab).

Context MenuDrawer

Powered byVercel

© 2024 Neon. All rights reserved.