Components

Focused AngularCSS runtime components for coordinated interaction.

Components are the small runtime layer used only when native HTML cannot coordinate the interaction. Every component includes a locally bundled, non-scrollable iframe demo and its complete TypeScript-derived contract.

Each reference page answers:

  1. What the component does and where to use it.
  2. What semantic HTML and directive selectors it requires.
  3. Which parts, attributes, state hooks, CSS variables, and events it exposes.
  4. Which behavior belongs to AngularCSS, AngularTS, native HTML, or application code.
  5. What accessibility and customization constraints apply.

Action

Command Palette

Date Input

Feedback

Form

Form Overlay

Layout

Media

Menu

Navigation

Overlay


calendar

Calendar date grid structure

carousel

Accessible drag and snap carousel powered by Embla

combobox

Search input with selectable options

command

Command palette layout

context-menu

Context menu surface and items

dropdown-menu

Menu opened from a trigger button

hover-card

Rich hover preview cards

menubar

Keyboard-first top-level navigation with open/close menu behavior.

navigation-menu

Site navigation with optional flyout content

range-slider

Multiple native range inputs coordinated on one shared track.

resizable

Pointer- and keyboard-resizable split panels powered by --panel-size CSS variables.

sidebar

Application sidebar layout with collapsible state

tabs

Tabbed content sections

toast

Notification toaster with close actions and toast variants.

toolbar

Keyboard-navigable groups of actions

tooltip

Contextual hover and focus labels

tree

Hierarchical navigation and selection