buildMultiSelectChipGroupPreview function

Widget buildMultiSelectChipGroupPreview(
  1. MultiSelectChipGroupState state,
  2. AnimationController? borderAnimationController
)

MultiSelectChipGroup preview builder Builds preview widgets for the component with animated border support

UX elements from temp_demo preserved:

  • Label above the chip group
  • Voice hint text at bottom ("Say 'Select {item}'")
  • Selection count display
  • Horizontal scrollable chip layout

Implementation

Widget buildMultiSelectChipGroupPreview(
  MultiSelectChipGroupState state,
  AnimationController? borderAnimationController,
) {
  return StateVariantsWrapper(
    componentName: 'Multi Select Chip Group',
    buildRestState: () => _buildInteractiveChipGroup(state, borderAnimationController),
    buildPressedState: () => _buildForcedStateChipGroup(state, borderAnimationController, forcePressed: true),
    buildHoverState: () => _buildForcedStateChipGroup(state, borderAnimationController, forceHovered: true),
    buildDisabledState: () => _buildDisabledChipGroup(state, borderAnimationController),
    buildCyclingState: (stateIndex) => _buildCyclingChipGroup(state, borderAnimationController, stateIndex),
    cycleDuration: const Duration(milliseconds: 2000),
  );
}