oks-ui
DocsComponents

Components

⊞Overview△Alert⊙Avatar▣Backdrop★Badge▭Button▦Chart⌘Chip─Divider☰Drawer▾Dropdown✎FormFieldSet◎Loader▢ModalTPageTitle☷Stepped Form▮Tabs◉ToastℹTooltip

Components

Component Library

Every component exported from oks-ui, organized by category.

Layout & Display

Divider

Separates content with a horizontal or vertical line.

Backdrop

Overlay backdrop for modals, drawers, and menus.

Feedback

Alert

Contextual feedback messages for user actions.

Toast

Provider-based toast notification system.

Loader

Loading spinner for indeterminate progress.

Modal

Dialog modal with focus trapping and keyboard dismissal.

Navigation

Tabs

Tabbed content navigation with composition API.

Drawer

Slide-in panel from any edge of the viewport.

Dropdown

Menu dropdown with trigger, items, and sections.

SteppedForm

Multi-step form with progress tracking.

Data Display

Badge

Notification badge with count, dot, and placement.

Avatar

User avatar with group support and fallback icon.

Chip

Compact tag or pill element.

Chart

Multi-chart component for data visualization.

Tooltip

Hover tooltip with positioning logic.

Actions

Button

Versatile button with variants, colors, sizes, and states.

Forms

FormFieldSet

Form wrapper with validation and field looping.

Built with oks-ui — the strict TypeScript React component library.

MIT License · 2026