Modal
Modal displays a pop-up window, typically used for presenting important information or user interactions. The user needs to complete the interaction before closing the modal and returning to the main interface.
Basic
Sizes
Modal with slide animation for dynamic effect
Full Screen
Modal with scale animation for enhanced visual impact
Positions
Modal content with blur animation for enhanced visual layering
Animation
Slide Animation
Modal background with blur animation for increased focus
Scale Animation
Modals in different sizes for various content displays
Blur Content Animation
Full-screen modal for displaying large amounts of information
Blur Background Animation
Modals in different positions for custom layouts
Scene
Loading Content
Modal with loading content for asynchronous content display
Auto Focus
Modal with auto-focusing input field for enhanced user experience
Stacked Modals
Stacked modals for multi-step processes
With Scrollbar
Modal with scrollbar for displaying large content
Dynamic Height
Dynamic height modal adapting to content changes
Stagger List
Modal with staggered list animation for enhanced dynamic experience
Static With Alerts
Static modal with alerts for important information display
With Progress Bar
Modal with progress bar for phased tasks
With Timeline
Modal with timeline for chronological displays
With Forms
With Calendar
Calendar-integrated modal for date selection
With Forms
Form-integrated modal for user input scenarios