About this piece
Command Palette
Command palette with a query bar and three typed results, the first one highlighted.
Usage
The import and the props worth knowing about, in one place.
import { Search3 } from "@/components/beste/piece/search3";
<Search3
surface="card"
bordered={false}
inverted={false}
query="launch"
results={[
{
"icon": "page",
"label": "Launch plan Q2"
},
{
"icon": "channel",
"label": "launch-prep"
},
{
"icon": "user",
"label": "Laura Marling"
}
]}
/>