ButtonGroup Component

About

This is a component published as its own package from our component library monorepo: https://github.com/BenefitsDataTrust/ui-components. Setup instructions, as well as higher-level goals and concerns can be found from the main project README.

Description

Handles display of button groups according to style guide conventions (infers conventions from the structured list component).

• https://zeroheight.com/990ea04ab/p/654904-structured-list/i/25551685

API

| prop | type | required | default | explanation | |-----------|--------|----------|---------|--------------| | children | React node | yes | n/a | The components to group inside the button group | | className | string | no | n/a | Adds an optional classname to the component | | inline | boolean | no | false | Determines if button group displays in inline or block | | spacing | enum(1, 2, 3, 4) | no | 1 | Determines the spacing between children passed into the ButtonGroup component | | wrap | enum("wrap", "no-wrap") | no | "wrap" | Determines if flex-wrap attribute is applied |