Skip to main content

​
ModifierGroup

Need an API key?

Get one from Crave Dashboard > Developers > API Development > Step 1 - API Keys. Copy the matching locationId from Step 2 - Location IDs on the same page.
Displays a single modifier group (e.g., “Choose your size”, “Add toppings”) with its options. Supports radio (single-select), checkbox (multi-select), and counter (quantity) input types.

​
Preview

​
Import

​
Usage

​
Props

​
ModifierGroup
required
The modifier group object containing name, options, min/max selections, and input type.
​
ModifierSelection[]
required
Currently selected modifiers for this group.
​
(selections: ModifierSelection[]) => void
required
Callback fired when modifier selections change.

​
Behavior

  • Enforces min/max selection constraints with visual feedback
  • Radio groups auto-deselect previous option
  • Counter inputs respect per-option quantity limits
  • Displays price adjustments next to each option (e.g., ”+$1.50”)