Wrapped diet chip filter where selected options fill with emerald and inactives stay bordered.
The import and the props worth knowing about, in one place.
import { Food9 } from "@/components/beste/piece/food9";
<Food9
heading="Dietary preferences"
filters={[
"Vegetarian",
"Vegan",
"Gluten-free",
"Nut-free"
]}
active={[
"Vegetarian"
]}
bordered={false}
/>