Create a generic ChipGroup component

[damonbauer]

I'd like to render a group of <Chip> instances.

My current options:

• resort to using a <CheckboxChip> or a <RadioChip>
• wrap my group of <Chip> instances in a container, and I have handle the group styles & chip spacing.

I'd love have a <ChipGroup {items} /> just like there's a <RadioChipGroup {items} name="group1" />.

[illright]

Yeah, maybe this could be useful after all. What styles would you like to see in this component? And what Sass variables maybe?

I'm seeing something like:

display: flex;
flex-wrap: wrap;

:global .chip:not(:first-child) {
  margin-left: .3em;  // or maybe have that be a variable
}

[damonbauer]

@illright - Yeah, that's exactly what I was thinking. It would be ideal to have a $chip-group-chip-spacing variable as you've described.

Perhaps the only other customizable piece might be the ability to align the ChipGroup...although that might not be necessary:

display: flex;
flex-wrap: wrap;
justify-content: $chip-group-alignment; // default 'flex-start'