Dialog
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Source code
Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
npx ui-thing@latest add dialog
Usage
Profile Dialog
Custom Close Button
Origin UI Dialogs
Here are some of the dialog examples from the Origin UI documentation.
Hats off to the Origin UI team ❤️.
I just made them work with my setup.
Scrollable (native scrollbar)
Scrollable (custom scrollbar)
Scrollable (sticky header)
Scrollable (sticky footer)
Terms & Condition
Newsletter
Feedback
Rating
OTP Code
Sign Up
Sign In
Invite Members
Card Details
This implementation requires the use of Maska
Checkout
This implementation requires the use of Maska