People Autocomplete
and
Andrea BocelliVocals
Andrew BirdViolin
Anderson .PaakDrums
Mention-style popover listing matching people with avatars and role lines.
The import and the props worth knowing about, in one place.
import { Search17 } from "@/components/beste/piece/search17";
<Search17
query="and"
people={[
{
"name": "Andrea Bocelli",
"initials": "AB",
"role": "Vocals",
"image": "https://images.unsplash.com/photo-1709428731946-963de989d963?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDM4fHx8ZW58MHx8fHx8"
},
{
"name": "Andrew Bird",
"initials": "AB",
"role": "Violin",
"image": "https://images.unsplash.com/photo-1596975806371-53084eb61b5c?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDEzfHx8ZW58MHx8fHx8"
},
{
"name": "Anderson .Paak",
"initials": "AP",
"role": "Drums",
"image": "https://images.unsplash.com/photo-1595745688820-1a8bca9dd00f?w=100&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDIyfHx8ZW58MHx8fHx8"
}
]}
bordered={false}
/>
