Catalogue

Find the behaviour you need.

10 Core APIs and 34 primitive families. Open one to try it in a playground and see live examples; the documentation and API reference are one click away. Entries marked Alias or Recipe are documented patterns, not separate exports.

Showing all 46 documented capabilities.

Core foundations 7

Interaction infrastructure the primitives are built on.

  • Item registration in DOM order with roving focus, typeahead and disabled skipping.

    CollectionStore

    DocsAPI
  • Focus

    Core

    Focus trap, initial focus and safe focus restoration helpers.

    createFocusTrap · createFocusRestorer

    DocsAPI
  • One controller for Escape, outside pointer, focus-outside and scroll dismissal.

    createDismissController

    DocsAPI
  • LTR/RTL resolution and direction-aware inline keys.

    DirectionalityService

    DocsAPI
  • Document-scoped body scroll coordination for modal layers.

    createScrollLock

    DocsAPI
  • Reactive breakpoint and size matching as signals.

    ViewportService · ViewportMatchDirective

    DocsAPI
  • Native pointer-based drag sources and drop zones, including sortable lists.

    DraggableDirective · DropZoneDirective · DragDropService

    DocsAPI

Floating & overlays 6

Layered surfaces: positioning, dismissal, focus and scroll.

  • Portal rendering with placement, auto-flip, arrows and anchor tracking.

    OverlayService · OverlayTriggerDirective

    DocsAPI
  • Dialog

    Primitives

    Modal dialog with backdrop, focus trap, scroll lock and focus restoration.

    DialogService

    DocsAPI
  • Drawer

    Primitives

    Edge-anchored modal panel on Dialog, with writing-direction-aware sides and exit transitions.

    DrawerService

    DocsAPI
  • Popover

    Primitives

    Non-modal floating surface for interactive content; no focus trap.

    PopoverDirective

    DocsAPI
  • Tooltip

    Primitives

    Hover and focus descriptions with delays, placement and rich templates.

    TooltipDirective

    DocsAPI
  • Menu

    Primitives

    Dropdown menus with submenus, checkable items, radio groups and typeahead.

    MenuDirective · MenuTriggerDirective

    DocsAPI

Selection & forms 17

Controls, pickers and form composition.

  • Select

    Primitives

    Button-triggered select, single or multiple, with groups and a listbox popup.

    SelectDirective

    DocsAPI
  • Listbox

    Primitives

    Inline WAI-ARIA listbox for single and multiple selection.

    ListboxDirective

    DocsAPI
  • Combobox

    Primitives

    Editable combobox with filtering, active-descendant suggestions and async-safe queries.

    ComboboxDirective

    DocsAPI
  • Checkbox

    Primitives

    Button-based checkbox with checked, unchecked and mixed state.

    CheckboxDirective

    DocsAPI
  • RadioGroup

    Primitives

    Standalone radio group with roving focus, orientation and RTL.

    RadioGroupDirective

    DocsAPI
  • Switch

    Primitives

    Button-based boolean switch for settings that apply immediately.

    SwitchDirective

    DocsAPI
  • Toggle

    Primitives

    Pressed/unpressed button state with aria-pressed.

    ToggleDirective

    DocsAPI
  • ToggleGroup

    Primitives

    Single or multiple pressed items with roving focus and explicit deselection.

    ToggleGroupDirective

    DocsAPI
  • Slider

    Primitives

    Single-thumb slider with decimal-safe stepping, RTL and vertical geometry.

    SliderDirective

    DocsAPI
  • RangeSlider

    Primitives

    Two-thumb range with non-crossing thumbs, minimum distance and { low, high } forms value.

    RangeSliderDirective

    DocsAPI
  • DatePicker

    Primitives

    Inline calendar for one local civil date with locale-aware names and keyboard grid.

    DatePickerDirective

    DocsAPI
  • DateRangePicker

    Primitives

    Inline calendar for date ranges with partial selection and hover preview.

    DateRangePickerDirective

    DocsAPI
  • InputOTP

    Primitives

    One-time-code input: one real text field with presentational slots.

    InputOtpComponent

    DocsAPI
  • FormField

    Primitives

    Stable labels, descriptions and errors for native and Quartz controls.

    FormFieldDirective

    DocsAPI
  • FileUpload

    Primitives

    Native file picker and dropzone filtering; no upload service.

    FileUploadDirective · FileDropzoneDirective

    DocsAPI
  • Autofill

    Primitives

    Best-effort detection of browser autofill transitions on native inputs.

    AutofillDirective

    DocsAPI
  • Search

    RecipePrimitives

    A recipe: native input + Angular Forms + a clear button. There is no Search export.

    Native HTML composition, not a Quartz primitive.

Navigation & layout 11

Disclosure, wayfinding and resizable structure.

  • Container, panels and a keyboard- and pointer-operable separator handle.

    SplitterContainerDirective · SplitterPanelDirective · SplitterHandleDirective

    DocsAPI
  • Tabs

    Primitives

    Tablist and panels with roving focus, manual or automatic activation.

    TabsDirective

    DocsAPI
  • Accordion

    Primitives

    Disclosure sections: single, collapsible or multiple open.

    AccordionDirective

    DocsAPI
  • Stepper

    Primitives

    Sequential flow with linear navigation, completed and disabled steps.

    StepperDirective

    DocsAPI
  • Tree

    Primitives

    Expandable hierarchical list with keyboard navigation and selection.

    TreeComponent

    DocsAPI
  • Sidebar

    Primitives

    Push and overlay sidebar behaviour with collapsed state and responsive switching.

    SidebarDirective

    DocsAPI
  • Navbar

    Primitives

    Sticky, scrolled and reveal state with responsive mobile menu control.

    NavbarDirective

    DocsAPI
  • NavigationMenu

    Primitives

    Site navigation links with one keyboard-accessible flyout panel.

    NavigationMenuDirective

    DocsAPI
  • Pagination

    Primitives

    Bounded page navigation with current-page semantics and focus recovery.

    PaginationDirective

    DocsAPI
  • Toolbar

    Primitives

    Action toolbar with roving focus and direction-aware keys.

    ToolbarDirective

    DocsAPI
  • Resizable

    AliasPrimitives

    Resizable panels. Documented as its own page, but it is the Core Splitter.

    Backed by Core Splitter; there is no separate Resizable export.

Data & feedback 5

Status, measurement, identity and large data.

  • Windowed rendering so very long lists only mount what is visible.

    VirtualScrollDirective

    DocsAPI
  • Toast

    Primitives

    Transient, non-interrupting notifications with live-region semantics.

    ToastService · ToastContainerComponent

    DocsAPI
  • Progress

    Primitives

    Progressbar semantics for work moving toward completion.

    ProgressDirective

    DocsAPI
  • Meter

    Primitives

    Scalar measurement within a known range (not task progress).

    MeterDirective

    DocsAPI
  • Avatar

    Primitives

    Image loading with consumer-supplied fallback and SSR-safe state.

    AvatarComponent

    DocsAPI

Looking for guides, migration notes or the generated API reference? Open the documentation.