Code

API

This component extends the native <div> API. That's why the className prop is not included in the table.

Props	Type	Required
children	ReactNode	✅
size	'default' | 'large' | 'small'	❌

children

A group of <Button /> components.

There is no need to install the <Button />component, in case if you only installed the <ButtonGroup />,

you can use the <ButtonGroup.Button /> component. Also, there is no need to import it as you can see in the example below.

size

Changes the size of all the buttons programatically.

Example

Live Demo

Code Sandbox

https://codesandbox.io/p/sandbox/buttongroup-lj5mtl?file=/src/App.tsx:1,1codesandbox.io