A drawer component featuring a sticky header and footer layout, designed for displaying long-form content like terms of service with a scrollable body area.
A nested drawer component pattern that allows users to trigger secondary modal workflows, featuring form validation, toast notifications, and state management for multi-step registration processes.
A floating drawer component with configurable side positioning, featuring a radio group for dynamic placement and a clean header layout built with Tailwind CSS.
A slide-out drawer component featuring a login form with email and password input fields, designed for mobile-friendly authentication or quick-action interactions.
A modal dialog component featuring a sticky header and footer layout, designed for displaying long-form content like terms of service with a clean, scrollable body area.
A responsive modal component demonstration featuring multiple size variants from xs to 5xl, including header, description, and footer sections with interactive trigger buttons.
A nested modal component pattern built with React Aria and Sonner, featuring sequential dialog flows, form validation, and toast notifications for multi-step user interactions.
A functional modal dialog component featuring a header, body with text input, and footer with action buttons for renaming projects or submitting data.
A controlled modal component featuring a header, description, and footer, triggered by a primary button to display subscription or promotional content.
A nested dialog component that allows stacking secondary modal windows within a primary dialog, featuring a clean layout for profile editing and avatar selection workflows.
A mobile-friendly dialog component featuring a pricing summary and stacked full-width footer buttons for primary and secondary call-to-action interactions.
Select an Item to view its code
Choose an item from the list to view its code and files.