Dialog

Custom dialog component.

Installation

Copy the following code into your app directory.

buridan add component dialog

Make sure to correctly set your imports relative to the component.

from components.base_ui.dialog import dialog

Below are examples demonstrating how the component can be used.

Uses the simplified dialog() API with trigger, title, description, and content props for quick implementation.

Uses the low-level dialog.root(), dialog.trigger(), dialog.portal() etc. for full control over structure and styling

External Tools

View as Markdown

Table of Content