Dialog
A modal dialog using Datastar signals for reactivity. Supports backdrop click and ESC key closing.
Modal Dialog
Uses Datastar signals - ESC key closes, backdrop click closes.
Dialog Status:
✓ Dialog is currently open
○ Dialog is currently closed
Form Dialog with Datastar State
Demonstrates form state management using Datastar signals, showing real-time form values.
Current Form Values:
Name:
Email:
Form Submitted:
Custom Triggers with AsChild
Using the AsChild prop to create custom trigger elements instead of standard buttons.
Card Trigger
User Profile
Click for details
Status Badge
Status: Active