Search Results Panel

About this piece

A search panel showing a typed query above its results, each with a title and a kind chip.

Usage

The import and the props worth knowing about, in one place.

import { Search24 } from "@/components/beste/piece/search24";

<Search24
  surface="card"
  bordered={false}
  inverted={false}
  query="hania"
  results={[
    {
      "title": "Hania Rani",
      "kind": "Member"
    },
    {
      "title": "Intake notes for Hania Rani",
      "kind": "Document"
    },
    {
      "title": "Invoice for Hania Rani",
      "kind": "Billing"
    }
  ]}
/>