PeoplePicker

All Components

PeoplePicker

Searchable person selector with frequent contacts, async search, PersonChip integration. Single-select and multi-select modes.

Basic Multi-Select

6 frequent contacts, chip overflow badge after 5.

Single-Select

Select replaces input with PersonChip. Click chip or X to clear.

Async Search (Callback)

Type to search with simulated 500ms delay. Spinner shown during load.

Async Search (URL)

URL-based search with mocked fetch. Shows fetch URL pattern in console.

Frequent + Search Combined

Both "Frequent" and "Results" section headers visible. Focus shows frequent, typing searches.

Max Selections (3)

After 3 selections, remaining rows are dimmed.

Disabled & Readonly

Two instances side by side — disabled (left) and readonly (right).

Size Variants

sm, md, lg side by side.