Skip to content

All UI Components

Complete reference of all UI components available in rts-common.

Form Components

Button

Primary action component with multiple variants. View Button Docs

Input

Text input field with validation support.

Textarea

Multi-line text input.

Select

Dropdown selection component.

Checkbox

Checkable input component.

Radio Group

Group of radio button options.

Switch

Toggle switch component.

Slider

Range slider input.

Calendar

Date picker calendar.

Layout Components

Card

Content container with header, content, and footer sections. View Card Docs

Separator

Visual divider between content.

Scroll Area

Scrollable container with custom scrollbars.

Resizable

Resizable panel layout.

Collapsible

Collapsible content section.

Accordion

Expandable/collapsible sections.

Aspect Ratio

Container that maintains aspect ratio.

Tabs

Tabbed interface component.

Breadcrumb navigation trail.

Pagination

Page navigation controls.

Main navigation menu.

Menu bar component.

Contextual dropdown menu.

Context Menu

Right-click context menu.

Command

Command palette / search.

Overlay

Dialog

Modal dialog component. View Dialog Docs

Alert Dialog

Confirmation dialog.

Drawer

Side drawer overlay.

Sheet

Side sheet overlay.

Popover

Popover overlay.

Tooltip

Tooltip overlay.

Hover Card

Card shown on hover.

Feedback

Alert

Alert message component.

Toast

Toast notification (using Sonner).

Progress

Progress bar indicator.

Spinner

Loading spinner.

Skeleton

Loading skeleton placeholder.

Data Display

Table

Data table component. View Table Docs

Badge

Status badge.

Avatar

User avatar image.

Empty

Empty state placeholder.

Kbd

Keyboard key display.

Import Examples

typescript
import {
  Button,
  Card,
  Input,
  Dialog,
  Table,
  // ... all other components
} from '@devdenvino/rts-common/components/ui';

Next Steps

Released under the MIT License.