About this piece
Dietary Filters
Wrapped diet chip filter where selected options fill with emerald and inactives stay bordered.
Usage
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",
"Lactose-free",
"Keto",
"Halal",
"Kosher",
"Nut-free"
]}
active={[
"Vegetarian",
"Gluten-free"
]}
/>More Food pieces
View all FoodGrilled chicken bowl620 kcal
Carbs68 g
Protein42 g
Fat22 g
Macro Breakdown
Dish nutrition card with a kcal line, stacked macro bar, and three color-keyed grams-per-macro tiles.
Roasted miso salmon₺240
With charred leeks, lemon and toasted sesame520 kcalChef's pickGluten-free
Menu Item
Menu row with a warm gradient thumbnail, dish name and price pair, description, and dietary tag chips.
Anatolian · Small plates4.7Lokal · Modern Türk
Karaköy30–45 min₺₺₺
Restaurant Card
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
Emerald-bordered reservation summary with when/guests/seating/code arranged on a four-cell grid.