The Button component is a highly customizable UI element for creating various button styles like default, outline, secondary, destructive, link, and ghost, with different size options.

The Copy Button component provided an predefined button for copy content to clipboard.

The Theme Toggle component provided an predefined button for toggle theme.

The Accordion component is a versatile UI element for displaying collapsible content panels. It supports single or multiple panel expansion, default open settings, and customizable styling.

The Avatar component displays user profile pictures or initials, while the AvatarGroup presents multiple avatars in a grouped layout. Both support customizable sizes, borders, and styles.

The Badge component is a versatile UI element for displaying labels, tags, or indicators, optionally as a link. It supports various styles like default, secondary, outline, and destructive.

The Carousel component is a customizable slider that can be used to display a series of content in a horizontal or vertical format. It supports features like autoplay, looping, and dynamic orientation.

The Collapsible component offers a simple way to hide and reveal content interactively. It consists of a trigger for toggling visibility and a content area, both customizable in style.

The Socials component provides a sleek interface for displaying social media icons as clickable buttons, allowing users to easily connect to various social media platforms.

The Stepper component visually represents a sequence of steps or progress through stages. It includes titles, optional descriptions, icons, and custom content for each step.

The Table component presents data in a structured tabular format, featuring a customizable caption, headers, and rows. It supports extensive styling options for various table elements.

The Tabs component provides a user-friendly interface for tabbed navigation, allowing content to be organized and switched between tabs. It supports custom triggers, content, and extensive styling options.

The Alert component provides a way to display important messages to users, with support for custom icons, titles, descriptions, and styling.

The Toast component displays a notification. It supports title, description and actions in the notification.

The Combobox component is an interactive UI element that combines a button and a dropdown list, allowing users to select an option from a list or type to search. It supports placeholders, default values, custom triggers, and extensive styling options.

The Date Picker component allows users to select dates or date ranges from a calendar pop-up. It supports single or range selection modes, placeholders, default values, and customizable styling.

The Dropzone component offers a user-friendly interface for file drag-and-drop functionality, with support for custom icons, file type restrictions, file size display, and style customization.

The Card component is a versatile UI element for displaying content in a structured format, featuring optional title, description, content, and footer sections. It allows for extensive styling customization.

The List component is a flexible container for displaying a collection of items. It supports different variants like default, with dividers, or styled as cards, and allows for extensive customization through class names.

The Masonry Image component displays a collection of images in a masonry layout with optional Lightbox functionality. It supports customizable breakpoints, aspect ratios, and extensive styling options.

The Masonry component is designed to display a collection of elements in a masonry layout, automatically adjusting to different screen sizes. It supports customizable breakpoints and extensive styling options.

Feature Section presents a section with a title, optional description, button, and image, while FeatureSections aggregates multiple FeatureSection components with layout control.

A React component for rendering a customizable footer section with branding, slogans, link groups, and additional children elements.

A React component for rendering a header section with optional title, description, eyebrow text, background image, and additional children elements.

A React component for rendering a heading with highlighted segments and an optional description, with customizable styles and variants.

A set of React components designed to create interactive highlight effects on a group of items, reacting to mouse movement.

This documentation covers the AppbarHorizontal component, part of a React application. AppbarHorizontal is a versatile component designed to render a responsive and customizable application bar.

The Breadcrumb component provides a navigational aid, allowing users to keep track of their locations within an application or a website. It supports custom links, icons, separators, and responsive design.

NavHorizontal and NavVertical components offer flexible navigation solutions for web applications. NavHorizontal provides a horizontal menu layout, while NavVertical offers a vertical list-style navigation.

The Simple Pager component provides a minimalist interface for navigating between pages, featuring previous and next options with customizable text, descriptions, and styling.

The Alert Dialog component is a modal dialog that interrupts the user to get a response, typically for confirmations. It supports custom content, action buttons, and extensive styling options.

The Command component is a customizable command palette that allows users to execute commands or navigate to different parts of the application. It supports customizable groups, items with actions, keyboard shortcuts, and an optional input field.

The Context Menu component is a versatile menu system for web applications, allowing for various types of menu items including default, checkbox, radio group, and separators. It supports submenus, keyboard shortcuts, and extensive customization.

A responsive React component that renders a dialog on desktop screens and a drawer on smaller screens, with customizable triggers, titles, descriptions, content, and footers.

The Dropdown Menu component offers a customizable dropdown menu with various item types like default, checkbox, radio group, and separators. It allows for submenus, keyboard shortcuts, and extensive style customization.

The Hover Card component is a user interface element that displays additional information in a card format when a user hovers over a specified trigger element. It supports customization through class names.

The Menubar component provides a flexible, customizable menu bar interface for web applications, featuring various item types like default, checkbox, radio group, and separators. It supports submenus, keyboard shortcuts, and extensive styling options.

The Popover component displays a floating content panel anchored to a trigger element. It supports custom content and allows for styling customization through class names.

The Sheet component provides a slide-over panel that can be used for displaying additional information or controls. It supports optional elements like title, description, and footer, and allows customization of its position and style.

The Tooltip component displays a small information box when hovering over its child element. It supports custom content, offset control, and class customization.