Components
22 components for building AI-generated applications. Identical APIs for React and Angular.
✏️ Inputs
Button
A versatile button component with multiple variants and sizes. Supports loading …
Input
A text input field that integrates with Signal Forms. Supports all standard HTML…
Textarea
A multi-line text input. Supports auto-resize to fit content and integrates with…
Checkbox
A checkbox input that supports indeterminate state. Integrates with Signal Forms…
Toggle
A toggle switch for boolean settings. Integrates with Signal Forms.
RadioGroup
A group of radio buttons with keyboard navigation. The group handles arrow key n…
Select
A custom select dropdown built on the native Popover API. Supports keyboard navi…
🎨 Display
Badge
A small inline label for status, categories, or counts. Use alongside cards, lis…
Card
A container component for grouped content. Compose with LlmCardHeader, LlmCardCo…
Avatar
User avatar with image, initials fallback, and status indicator. Group avatars w…
Skeleton
Loading placeholder that mimics content shape. Compose multiple skeletons to mat…
Progress
A horizontal progress bar for showing completion percentage or indeterminate loa…
🧭 Navigation
Breadcrumbs
Navigation breadcrumb trail showing the current page location within a hierarchy…
Tabs
An accessible tabbed interface. Supports roving tabindex, arrow key navigation, …
Pagination
Page navigation control for paginated data. Shows page numbers with previous/nex…
Menu
A dropdown context menu built on @angular/cdk/menu. Handles keyboard navigation,…
🪟 Overlay
Dialog
A modal dialog using the native <dialog> element. Includes focus trap, Escape to…
Drawer
A slide-in panel from the edge of the viewport. Useful for sidebars, filter pane…
Tooltip
An attribute directive that adds a tooltip to any element. Built on @angular/cdk…
Toast
Transient notifications that auto-dismiss. Service/hook-based API — place LlmToa…