Product Bundle

Modification Group

A component for grouping related product modifications in an accordion interface.

Single Select Modification Group

Accordion group for single-select options

Multi Select Modification Group

Accordion group for multi-select options

Usage

The ModificationGroup component wraps option selectors in an accordion interface, allowing users to expand and collapse different groups of options. It supports both single-select and multi-select option groups.

Props

  • group - Object containing group data (id, name, options, multiSelect)
  • selectedOption - Currently selected option ID or array of IDs
  • onSingleOptionChange - Function called when a single option is selected
  • onMultiOptionChange - Function called when a multi option is toggled
  • isOpen - Boolean indicating if the accordion is open
  • onOpenChange - Function called when the accordion open state changes
← Previous: Option SelectorsNext: Shipping Calculator →