feedback
14 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.
Basic Toast Notifications
Basic toast notification component showcasing simple toast configurations with minimal content. Features three toast types: simple message, with icon, and with description. Perfect for applications requiring straightforward notification experiences with clean, minimal design and basic functionality.
Status Toast Notifications
Status toast notification component showcasing different toast types with semantic colors and appropriate icons. Features success, error, warning, and info toasts with consistent styling and messaging patterns. Perfect for applications requiring clear status communication with users.
Interactive Toast Notifications
Interactive toast notification component showcasing toasts with action buttons, confirmations, and user interactions. Features single and multiple action buttons, delete confirmations, and retry functionality with async operations. Perfect for applications requiring user engagement through toast notifications.
Loading & Progress Toast Notifications
Loading and progress toast notification component showcasing different loading states and progress indicators. Features promise-based loading, incremental progress updates, simple loading states, and download progress simulation. Perfect for async operations, file uploads/downloads, and long-running processes.
Custom Styled Toasts
Toast notifications with custom styling, themes, and branding for different contexts. Features premium yellow themes, notification blue themes, persistent toasts with custom actions, and comprehensive styling options. Perfect for applications requiring branded notification experiences with custom visual themes.
Rich Content Toasts
Advanced toast notifications with complex layouts, custom components, and interactive elements. Features social notifications with avatars and action buttons, email notifications with priority badges, and comprehensive interaction handling. Perfect for applications requiring rich notification experiences with user engagement features.