Group Selector

The group selector is used to apply styles to a group of elements. It is used to apply styles to a group of elements that are siblings of each other.

How to use

1const group = (
2  <div role="group">
3    <Box _groupHover={{ bg: 'red' }} />
4    <Box _groupHover={{ bg: 'red' }} />
5    <Box _groupHover={{ bg: 'red' }} />
6  </div>
7)
1const group = (
2  <div role="group">
3    <Box _groupHover={{ bg: 'red' }} />
4    <Box _groupHover={{ bg: 'red' }} />
5    <Box _groupHover={{ bg: 'red' }} />
6  </div>
7)