💡 Proposal - Divided button component for v4

Divided button component for v4

The problem

Hey everyone! I would like to discuss with you the introduction of the new component in v4. It’s a more complex variant of the button.

The button is already created as a custom component in production, it might be something that we would like to include in the library.

The proposed solution

The component contains 2 buttons with 2 different actions, one opening the dropdown

I guess props would be the same as in the case of the button, except for a couple of them, like isDropdown

Open questions

Naming of the component:

• ButtonDivided
• ButtonSplitted
• ButtonWithDropdown
• ???

Breaking changes

v4

[suevalov]

I’d rather make it a composition of buttons:

<ButtonGroup>
   <Button>Click</Button>
   <Button>v</Button>
</ButtonGroup>

ButtonGroup can apply different variants:

1. padded - applies equal spacing between all buttons
2. combined - squashes button together into one group (as it’s captured on the screenshot)

[domarku]

Possibly a bigger question, more of a design nature, but would it make sense to extend this proposal and implement as a button group? We could have multiple, e.g. up to three, buttons together and optionally with a dropdown.