Search Filters

About this piece

Pill search input above a row of selectable filter chips, the first one active.

Usage

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

import { Shapes67 } from "@/components/beste/piece/shapes67";

<Shapes67
  surface="card"
  bordered={true}
  inverted={false}
/>

Pill-shaped input with a magnifier icon and a placeholder line.

Three accordion rows, the first one expanded with answer lines underneath.

Five carousel dots with the active one stretched into a pill.

Image-topped tile with a title line, price block, and a circular add button.

Three rounded tag pills in amber, emerald, and outline tones.

Three small KPI tiles in a row, each with a label and a bold value bar.