Showcase
Loading component registry groups and selected install bundle...
Ingredients-and-preparation spec panel — the 'how to make it' section of a cocktail, drink, or dish detail page. Renders serves / prep time / glass / difficulty meta chips, a bulleted ingredients list, a garnish note, an emphasized alcohol-per-serve callout, an equipment list, and a rich-text method. Every row is optional and omitted when empty, so it tolerates sparse content models — ideal inside wildcard-experience with WildcardBindings on wildcard detail pages. Variants: Default (two-column — ingredients + meta start, equipment + method end, stacking on mobile) and Compact (single column). For a generic definition-list detail use wildcard-detail; for prose-only sections use content-block.
src/components/registry/components/ui/recipe-spec.tsx→components/registry/components/ui/recipe-spec.tsxsrc/components/registry/components/ui/recipe-spec.sitecore.ts→components/registry/components/ui/recipe-spec.sitecore.tssrc/components/registry/components/ui/recipe-spec.recipe.ts→src/recipes/recipe-spec.recipe.ts@sitecoreai-labs/sitecoreai-cli@0.38.2