Form component is a powerful and efficient tool for building forms with React, leveraging React Hook Form for form management and Zod for schema-based validation. It provides a streamlined approach to handling form state, user input, and validation, ensur

The Breadcrumb component is a fundamental navigational element that displays a hierarchical trail of links, typically representing the user's location within a website or application. It helps users understand their current position and facilitates naviga

Alert Dialog component is a modal dialog designed to interrupt the user with important content, requiring immediate attention or a response. Whether conveying critical information, warnings, or seeking user input, the Alert Dialog ensures a focused intera

Navigation Menu component is a collection of links designed for navigating websites efficiently. It provides a structured and user-friendly way to organize and present various sections or pages of a website. The Navigation Menu enhances the user experienc

Menubar component is a visually persistent menu commonly found in desktop applications, offering quick access to a consistent set of commands or actions. It enhances the user experience by providing a centralized and easily accessible navigation system, a

Switch component is a user-friendly control that allows users to toggle between checked and not checked states. It provides a visual representation of a binary choice, where users can easily switch between two states. Switches are commonly used in setting

Textarea component is a versatile element that allows users to input and edit multiline text. It provides an interactive form textarea or a component that looks like a textarea, offering a user-friendly way to capture and display larger amounts of text. T

Calendar component is a versatile date field that empowers users to enter and edit dates with ease. Whether selecting dates for events, appointments, or deadlines, the Calendar provides an intuitive and interactive interface for managing date-related info

Label component is an essential element for rendering accessible labels associated with form controls. It plays a crucial role in enhancing the usability and accessibility of user interfaces by providing a clear and descriptive label for associated input

Toggle component is a user-friendly, two-state button that can be either on or off. It provides a visually intuitive way for users to toggle between two states, making it ideal for scenarios where binary choices or switches are required. The Toggle compon

Text component is responsible for rendering text with different styles based on the specified HTML element (e.g., h1,h2,h3,h4,h5,h6, p, etc.). It dynamically applies predefined text styles to the text based on the provided `variant` prop. This package ena

Avatar component is a versatile image element designed for representing users or entities. It provides a visually appealing way to display user profiles, ensuring a personalized and engaging experience. In case an image is unavailable, the Avatar includes

Skeleton component is designed to be used as a placeholder while content is loading. It offers a visually appealing representation of the expected content structure, providing users with a sense of the layout and size of elements that will appear once the

Sheet component extends the functionality of the Dialog component, providing a way to display additional content that complements the main content of the screen. It is particularly useful for presenting contextual information, settings, or secondary actio

No description provided.

Tooltip component is a popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it. It provides a non-intrusive way to convey additional details, explanations, or context about a specific elem

Scroll Area component enhances native scroll functionality, providing custom, cross-browser styling for a more visually appealing and consistent user experience. It is designed to augment the appearance and behavior of scrollable content within a containe

Dropdown Menu component displays a menu to the user, presenting a set of actions or functions triggered by a button. It provides a space-efficient and visually appealing way to organize and present options, enhancing the user experience by offering a cont

Radio Group component is a set of checkable buttons, commonly known as radio buttons, where no more than one button can be checked at a time. It provides a simple and intuitive way to allow users to make a single selection from a group of options. The Rad

Popover component is a versatile element that displays rich content in a portal, typically triggered by a button. It provides a visually appealing way to present additional information, options, or actions without cluttering the main interface. The Popove