A framed bistro chalkboard with letter-spaced chalk headings, dotted price leaders in two columns and a dashed Today's special box with a slow chalk shimmer.
Le Petit Comptoir
Thursday · Lunch 11:30 to 3 · Dinner 5:30 to 10
Orange zest, fennel seed, thymeVGGF
Five, with Comté and black pepperV
Port jelly, cornichons, grilled bread
Soft egg, toasted hazelnut, chervilVGF
Beef broth, gruyère crouton
Buttermilk, radish, chives, crispy shallotV
Whipped goat cheese, roast beet, walnutNew
8 oz bavette, béarnaise, watercress
White wine, shallot, parsley, fritesGF
White beans, garlic sausage, cherry jus
Red wine, pearl onions, pommes puréeV
Lamb sausage, couscous, preserved lemonHot
GF
Sea salt, olive oil
Crème fraîche, cooked to order
Please tell us about any allergies. Bread from Ostro Bakery, butter from Hudson Valley, coffee roasted on Atlantic Ave.
npx shadcn@latest add https://hyperblur.dev/r/menu-chalkboard.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/menu-chalkboard.tsx.
import { MenuChalkboard } from "@/components/hyperblur/menu-chalkboard"
<MenuChalkboard venue="Café Margaux" />| Prop | Type | Default | Description |
|---|---|---|---|
| venue | string | "Le Petit Comptoir" | Small line above the heading. |
| title | string | "On the board today" | Board heading. |
| note | string | "Thursday · Lunch 11:30 to 3 · Dinner 5:30 to 10" | Line under the heading. Empty hides it. |
| sections | { title: string; note?: string; items: { name; description?; price: string; tags? }[] }[] | Small plates, Soups & salads, Mains, Sweets | Sections, split into two columns. tags are vegetarian, vegan, gluten-free, spicy or new. |
| special | { label; name; description; price; note? } | null | Bouillabaisse, 32 | The boxed special. null hides it. |
| footnote | string | "Please tell us about any allergies. ..." | Small print at the bottom of the board. |
| accent | string | "#f2d16b" | Accent color used for highlights, selected states and buttons. |
| className | string | Extra classes on the section root. | |
| style | React.CSSProperties | Inline styles on the section root. |