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.

Button

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

Button Group

Grouped actions with shared borders and compact horizontal layouts.

Breadcrumb

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

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.

Command

Searchable command menus and command palettes for quick actions.

Combobox

Searchable single and multi-value selection with composable slots.

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.

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.

Hover Card

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

Field

Layout composition primitives for labels, descriptions, and errors.

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.

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.

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.

Spinner

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

Slider

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

Modal

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

Select

Button-triggered listbox selection built with composable primitives.

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.

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.

Toast

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

Virtual Scroll

Preview

Reusable fixed-row virtualization primitives for large data sets.