Primitive

PickerSurface

Relative or floating surface for picker content.

Use PickerSurface for generic picker content placement. Keep domain state and filtering in components.
surface
DOM renderImage render
PickerSurfaceDefault

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Relative picker surface wrapper.
Render state

Floating

Floating picker surface.
Render state

Dense

Dense picker surface content.
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
placement'inline' | 'floating'-Surface placement.
childrenReactNode-Picker content.