Modals
8 components
Delete Confirmation Modal
A focused confirmation modal for destructive delete actions with proper warning UI, accessible design, and clear action buttons. Features warning icon, descriptive text, and cancel/confirm options with proper error handling and user feedback.
Project Creation Form Modal
A comprehensive form modal with React Hook Form validation and Zod schema for creating projects. Features text input, textarea, select dropdown, switch controls with proper validation, error handling, and accessibility support. Perfect for data collection workflows requiring robust form validation.
User Profile Modal
A comprehensive user profile modal displaying user information with avatar, contact details, badges, and recent activity. Features professional layout with clear information hierarchy, role and tier badges, department details, and activity timeline. Perfect for user directories and profile management.
Account Settings Modal
A comprehensive settings modal with tabbed interface for managing account preferences, notifications, security settings, and billing information. Features interactive switches, session management, billing details, and organized content sections with proper accessibility and responsive design.
Team Directory Modal
A searchable team member directory modal with contact information, status indicators, and interactive actions. Features member search, status badges, contact details, and dropdown actions for email, phone, and messaging. Perfect for team management and internal directories.
Projects Overview Modal
A comprehensive projects overview modal displaying project lists with status tracking, progress indicators, and team information. Features project table with status badges, priority indicators, progress bars, and summary statistics. Perfect for project management dashboards and tracking.
Media Gallery Modal
A comprehensive media gallery modal with image viewer, zoom controls, rotation, and navigation capabilities. Features responsive grid layout, full-screen viewer with controls, image metadata display, and comprehensive media management interface. Perfect for portfolio sites, media management systems, and photo galleries.
Multi-Step Wizard Modal
A comprehensive multi-step wizard modal for complex workflows and guided setup processes with React Hook Form integration and Zod validation. Features customizable steps, form validation with error handling, step navigation with validation triggers, progress tracking, and step completion management. Perfect for onboarding flows, project setup wizards, and account creation processes.