📄️ Accordion
The Accordion component is a collapsible content component that allows users to expand and collapse sections of content. It's built using React and provides multiple variants and customization options.
📄️ Alert
The Alert component is a flexible notification component that displays important messages to users. It supports multiple color variants, styles, and can include icons for better visual communication.
📄️ Badges
The Badges component is a versatile label component used to display small pieces of information, status indicators, or categories. It supports multiple color variants, styles, and can include icons for enhanced visual communication.
📄️ Button
The Button component is a versatile interactive element used for user actions, navigation, and form submissions. It supports multiple color variants, styles, sizes, and includes advanced features like ripple effects and loading states.
📄️ Card
The Card component is a versatile container component used to group related content and information. It provides a structured layout with optional header, body, and footer sections, and supports various styling options and use cases.
📄️ Carousel
The Carousel component is a versatile slideshow component built on top of Swiper.js. It supports manual navigation, autoplay, crossfade effects, and various customization options for creating engaging image galleries and content sliders.
📄️ Dropdown
The Dropdown component is a flexible overlay component that displays content in a floating menu. It provides click-outside-to-close functionality and can be positioned relative to any anchor element, making it perfect for navigation menus, action menus, and contextual options.
📄️ Modal
The Modal component is a flexible overlay dialog component that displays content in a floating window. It provides backdrop support, multiple positioning options, various sizes, and customizable styling for creating engaging user interactions.
📄️ Pagination
The Pagination component is a versatile navigation component that provides page navigation functionality. It supports both simple (Previous/Next) and full pagination with page numbers, various styling variants, positioning options, and additional features like page size selection and go-to-page functionality.
📄️ Placeholder/Skeleton
The Placeholder/Skeleton components provide loading states and content placeholders for better user experience. They include individual skeleton elements, skeleton cards, skeleton lists, and skeleton forms that mimic the structure of actual content while data is loading.
📄️ ProgressBar
The ProgressBar component is a versatile progress indicator that displays the completion status of a task or process. It supports multiple color variants, sizes, animations, gradient styles, and different label positioning options for creating engaging progress indicators.
📄️ Tab
The Tab component is a versatile navigation component that organizes content into multiple sections accessible through tab buttons. It supports multiple variants, icons, vertical layouts, and various styling options for creating organized and user-friendly interfaces.