About this piece
Brief Matches
A brief under a sweeping read, then the sections it matched landing one by one with their strength bars filling. Sits on a solid card or a frosted one, with or without its hairline, and inverts whole.
Usage
The import and the props worth knowing about, in one place.
import { Search26 } from "@/components/beste/piece/search26";
<Search26
brief="A ceramics studio in Porto that runs weekend classes."
scanningLabel="Reading the brief"
resultsLabel="matched"
matches={[
{
"id": "hero181",
"kind": "Hero",
"strength": 3
},
{
"id": "event103",
"kind": "Event",
"strength": 3
},
{
"id": "feature287",
"kind": "Feature",
"strength": 2
}
]}
surface="card"
bordered={false}
inverted={false}
stepMs={460}
/>
