People picker

Choose who belongs to something. Group toggles represent whole circles, each row has its own checkbox, and an optional trailing column holds one control per person.

Try the circle toggles, individual selections, organizer switches and Clear selection. These examples keep changes in this page only; reloading resets them. Saving and access rules belong to your application. See the people picker manual for the submission contract.

Space members with circles and organizers

One circle is selected. Each detail line says why the person is included. Removing someone excludes them from the selected circles. Di Ng is required and stays selected when you clear the others.

Members

All Board Officers Members

The Members circle is unavailable because it has too many people to list here.

Select	Member	Organizer
Select Ada Okafor	Ada OkaforOrganizer, Board
Select Bo Lindqvist	B Bo LindqvistBoard
Select Cy Moreno	C Cy MorenoRemoved
Select Di Ng	D Di NgSuper admin
Select Ed Sato	E Ed Sato

Clear selection

Circles and organizers, without details

Keep the circle toggles and organizer switches, with just a name and avatar in each row.

Members

All Board Officers Members

The Members circle is unavailable because it has too many people to list here.

Select	Member	Organizer
Select Ada Okafor	Ada Okafor
Select Bo Lindqvist	B Bo Lindqvist
Select Cy Moreno	C Cy Moreno
Select Di Ng	D Di Ng
Select Ed Sato	E Ed Sato

Clear selection

Collaborators, without groups or a trailing column

A role field in the trailing column

Long values in a narrow container

Truncated rows center the controls. Turn truncation off to align them at the top.

No people to choose