Library

Components

Every component is fully themed to the Comitor brand, accessible by default, and compatible with the shadcn CLI.

Accordion

Vertically stacked sections that expand and collapse.

Alert

Callout for important, contextual messages.

Alert Dialog

Modal that interrupts to confirm a critical action.

Aspect Ratio

Constrain content to a fixed width-to-height ratio.

Avatar

User image with a graceful initials fallback.

Badge

Short label for status, count, or category metadata.

Breadcrumb

Hierarchical trail showing the current location.

Button

Trigger an action or navigate. Six variants, loading and icon states.

Button Group

Cluster related buttons into one connected control.

Calendar

Date picker for single days, ranges, or months.

Card

Flexible container with optional header, body, and footer.

Carousel

Swipeable, draggable slides for galleries.

Chart

Line, area, and bar wrappers around Recharts.

Checkbox

Binary choice element with indeterminate support.

Collapsible

Toggle a single region of content open and closed.

Command

Command palette with fuzzy search and keyboard nav.

Context Menu

Right-click menu of actions for a target element.

Dialog

Modal overlay for confirmations, forms, and focused tasks.

Drawer

Panel that slides up from the bottom edge.

Dropdown Menu

Menu of actions triggered from a button.

Empty

Placeholder state for empty lists and results.

Field

Compose labels, controls, and errors into a form field.

Form

Validated forms built on react-hook-form.

Hover Card

Rich preview card shown on hover of a trigger.

Input

Single-line text entry with label, hint, and error states.

Input Group

Wrap an input with leading or trailing addons.

Input OTP

Segmented input for one-time passcodes.

Item

Flexible list row with media, content, and actions.

Kbd

Render keyboard keys and shortcut combinations.

Label

Accessible caption associated with a form control.

Menubar

Desktop-style menu bar with nested menus.

Navigation Menu

Top-level navigation with expandable panels.

Pagination

Navigate between pages of content.

Popover

Floating panel anchored to a trigger.

Progress

Horizontal bar showing completion of a task.

Radio Group

Choose a single option from a mutually exclusive set.

Resizable

Draggable panels users can resize.

Scroll Area

Custom-styled, cross-browser scrollable region.

Select

Dropdown for choosing one value from a list.

Separator

Visual divider between content groups.

Sheet

Panel that slides in from any edge of the screen.

Sidebar

Full application sidebar with collapsible groups.

Sidebar Nav

Collapsible left-rail navigation with search.

Skeleton

Animated placeholder shown while content loads.

Slider

Drag to select a value or range along a track.

Sonner

Stacked toast notifications for transient feedback.

Spinner

Indeterminate loading indicator.

Switch

Toggle a setting on or off immediately.

Table

Rows with headers, striping, and footers.

Tabs

Switch between distinct views in the same area.

Textarea

Multi-line text entry for longer-form content.

Toggle

Two-state button that can be pressed on or off.

Toggle Group

A set of toggles for single or multiple selection.

Tooltip

Brief label revealed on hover or focus.