Material selection

Material search, visual browsing, requested or reported details and a compact form field. Supply UMM reference data and optional artwork through props; the host owns fetching and persistence.

$bunx shadcn@latest add @nx-ui/material-selection

Registry item

Installs withbadge button card collapsible dialog field input input-group item radio-group select separator tabs textareautils

Material Studio

The example host uses UMM’s Nexus catalogue profile: Soils and Aggregates, with familiar labels and optional artwork. Switch between the full experience and compact field, or try a requirement with an unknown grade or a preferred recycled origin.

/view/material-studio

Open full screen

API reference

Exported parts and their props, extracted from the component source.

Material selection

Material Studio

API reference

MaterialArtwork3 props

MaterialBrowser7 props

MaterialChoiceField5 props

MaterialDetails3 props

MaterialQuantity6 props

MaterialSelectionField5 props

MaterialSelectionSummary4 props

MaterialSelection7 props