ComponentsForm Controls

Select

Form Controls components with live demos, API references, and tokens.

Summary

PMatSelect<T> provides single and multi-selection, a fixed search field, grouped options, icons and descriptions, checkbox/radio/checkmark indicators, and cascading multi-level menus through one typed item model.

Panels use a dependency-free root-DOM overlay. They escape ancestor overflow and z-index contexts, block page scroll, dismiss from one backdrop, and automatically choose below, above, after, or before based on available viewport space.

Common Examples

HTML

Overlay Model

  • The root panel and every cascading child are appended beneath document.body.
  • One backdrop owns dismissal and blocks underlying interaction; body scroll is restored on close.
  • Resize and captured scroll events reposition every open panel.
  • Scoped Select/Input theme tokens and RTL direction are copied from the trigger.
  • No Angular CDK or Angular Material dependency is required.