Logo

Getting Started

Components

Here you can find all components available in the library. Click on a component to learn more about it.

Accordion

Composable disclosure primitives for progressive reveal content.

Alert

Contextual feedback blocks for status, caution, and system messaging.

Avatar

Identity visuals with image, fallback, badge, and grouping patterns.

Badge

Small metadata labels for state, tags, and secondary status.

Breadcrumb

Semantic navigation trails with links, current page, separators, ellipsis, and RTL support.

Button

Action primitives with variants, loading, icon support, and sizing options.

Button Group

Grouped actions with shared borders and compact horizontal layouts.

Calendar

Date and range selection with dropdown captions, week numbers, disabled dates, timezone formatting, and RTL support.

Card

Composable content surfaces with header, content, footer, actions, media, sizing, and spacing tokens.

Carousel

Preview

Composable scroll-snap carousel primitives with sizing, spacing, orientation, API, plugins, and RTL support.

Checkbox

Native form-compatible boolean input with token-based styling.

Collapsible

Single-panel disclosure primitive for toggling additional content.

Combobox

Searchable single and multi-value selection with composable slots.

Command

Searchable command menus and command palettes for quick actions.

Confirm Modal

Typed confirmation dialog built on modal primitives with configurable title, description, and action labels.

Confirm Popover

Anchored confirmation prompt that can attach to buttons, cards, rows, and custom trigger components.

Context Menu

Right-click and long-press menus with actions, groups, submenus, shortcuts, checkbox and radio items.

Date Picker

Calendar-backed date and range picker with presets, editable input, time selection, RTL, and reactive forms support.

Drag Drop

Preview

CDK-backed drag and drop primitives for sortable lists, connected lists, and swimlane boards.

Dropdown Menu

Menus with hover and click triggers, submenus, and keyboard support.

Empty

Composable empty states with media, title, description, actions, inputs, avatars, and RTL support.

Field

Layout composition primitives for labels, descriptions, and errors.

Hover Card

Delayed hover previews for links and actions with configurable timing, positioning, styling, and RTL support.

Input

Native text input primitives with labeling and feedback patterns.

Input OTP

One-time password input with grouped slots, separators, paste support, patterns, and reactive forms compatibility.

Item

Composable row primitive with media, content, descriptions, actions, grouping, links, sizing, and RTL support.

Menubar

Persistent application menu built on dropdown-menu primitives with groups, checkbox and radio items, submenus, shortcuts, icons, and RTL support.

Modal

Dialog primitives powered by Angular CDK with trigger, close, layout, and programmatic opening support.

Navigation Menu

Website navigation primitive with dropdown-backed panels, rich links, indicators, viewport styling, direct links, and RTL support.

Pagination

Page navigation primitives with previous, next, active links, ellipsis, disabled states, dropdown pairing, and RTL support.

Popover

Anchored overlay content with trigger, close controls, alignment, controlled state, forms, custom styling, and RTL support.

Progress

Accessible progress indicators with determinate, indeterminate, labeled, controlled, custom styling, and RTL patterns.

Radio Group

Native radio group primitives with descriptions, choice cards, fieldset grouping, reactive forms validation, custom styling, and RTL support.

Resizable

Accessible resizable panel groups with horizontal and vertical layouts, handles, nested groups, constraints, keyboard resizing, and RTL support.

Select

Button-triggered listbox selection built with composable primitives.

Separator

Visual and semantic dividers with horizontal, vertical, decorative, custom styling, and RTL support.

Sheet

Edge-mounted dialog panels with sides, headers, descriptions, footers, scrollable content, programmatic opening, and RTL support.

Sidebar

Composable application sidebars with provider state, variants, collapsible modes, menu primitives, rail, trigger, skeletons, and RTL support.

Skeleton

Composable loading placeholders with sizing inputs, shimmer animation, token styling, and RTL-friendly layouts.

Slider

Range input primitive with single, range, multiple thumb, vertical, controlled, RTL, and reactive forms support.

Spinner

Portable loading indicator primitive with accessible status, decorative mode, size presets, token styling, and composition examples.

Switch

Native checkbox-based toggle control for boolean settings.

Table

CDK-backed table primitives with captions, headers, rows, footers, sticky columns, empty states, actions, and virtual scrolling support.

Tabs

Composable tab panels with list, trigger, content, variants, icons, vertical layout, RTL, and router-link support.

Textarea

Native multi-line text input with invalid, disabled, RTL, and Field composition support.

Toast

Stackable notifications with variants, actions, loading states, dismissal controls, positions, and RTL support.

Toggle

Two-state button primitive with pressed state, variants, sizing, icons, labels, and reactive forms support.

Tooltip

Hover and focus hints with side, alignment, delay, keyboard dismissal, arrow variants, and RTL support.

Virtual Scroll

Preview

Reusable fixed-row virtualization primitives for large data sets.