Dietary Filters

Wrapped diet chip filter where selected options fill with emerald and inactives stay bordered.

Dietary preferences

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Food9 } from "@/components/beste/piece/food9";

<Food9
  heading="Dietary preferences"
  filters={[
    "Vegetarian",
    "Vegan",
    "Gluten-free",
    "Lactose-free",
    "Keto",
    "Halal",
    "Kosher",
    "Nut-free"
  ]}
  active={[
    "Vegetarian",
    "Gluten-free"
  ]}
/>

More Food pieces

View all Food
Grilled chicken bowl620 kcal
Carbs68 g
Protein42 g
Fat22 g

Macro Breakdown

food6

Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.

Roasted miso salmon · plated
Roasted miso salmon₺240
With charred leeks, lemon and toasted sesame
520 kcalChef's pickGluten-free

Menu Item

food1

Menu row with a warm gradient thumbnail, dish name and price pair, description, and dietary tag chips.

Lokal · dining roomAnatolian · Small plates4.7
Lokal · Modern Türk
Karaköy30–45 min₺₺₺

Restaurant Card

food2

Venue tile with a warm gradient cover, floating cuisine and rating pills, and a neighborhood-ETA row.

Reservation confirmedLokal · Modern Türk
WhenThu, Apr 25 · 20:00
Guests4
SeatingPatio · Table 12
CodeLKL-7Z91

Reservation Card

food3

Emerald-bordered reservation summary with when/guests/seating/code arranged on a four-cell grid.

Lemon-thyme chicken
45 min480 kcal4 servings
4chicken thighs
2lemons, zest and juice
3 tbspolive oil
4 sprigsfresh thyme

Recipe Card

food7

Recipe tile with a warm chef tile, time/kcal/servings row, and a two-column ingredients list.

Lokal · Modern Türk
2× Meze plate₺320
1× Roasted miso salmon₺240
1× Pistachio baklava₺110
Subtotal₺670
Delivery₺35
Tip₺50
Total₺755

Order Receipt

food5

Itemized food order receipt with qty-by-name lines, a subtotal/delivery/tip breakdown, and bold total.