SFP-BLOCKS/MENU-SECTION

Menu section

A menu section with name, description, price, and optional flag badges per item. CSS Grid + dotted-leader so it reads like a printed menu. Built for Tavern North’s food and wine menus; works for any list of named items with prices.

Live

Steak tartare $18

cured yolk, sourdough
Beet salad $14

whipped chevre, walnuts V GF
Mussels $16

white wine, garlic, herbs
Duck rillette $17

cornichons, country bread somm pick

Attributes

Attribute	Type	Default	Description
`sectionTitle`	string	`"Small Plates"`	The section heading
`sectionDescription`	string	`empty`	Optional italic sub-line under the title
`currencySymbol`	string	`"$"`	Prefixed to every price
`items`	array	`4 sample items`	Each {name, description, price, flags: [V, GF, somm pick, …]}

Example markup

<!-- wp:sfp-blocks/menu-section {"sectionTitle":"Small plates","items":[{"name":"Steak tartare","description":"cured yolk, sourdough","price":"18","flags":[]},{"name":"Beet salad","description":"whipped chevre","price":"14","flags":["V","GF"]}]} /-->

Paste this in any block-editor view (or in a theme template) to drop the block in.

SOURCE

plugins/sfp-blocks/src/menu-section/ on GitHub →