Button group

A button group gives users access to frequently performed, related actions.

Default

Use the button group to display multiple buttons together.

import React from 'react';

import Button from '@atlaskit/button/button';
import ButtonGroup from '@atlaskit/button/button-group';

const ButtonGroupDefaultExample = (): React.JSX.Element => {
	return (
		<ButtonGroup label="Default button group">
			<Button appearance="primary">Submit</Button>
			<Button>Cancel</Button>
		</ButtonGroup>
	);
};

export default ButtonGroupDefaultExample;

Was this page helpful?

We use this feedback to improve our documentation.