How to make button group using ant design in react js?

Solution

To make button group using ant design in react js, first install ant design library using npm install antd command import and use button component from it.

Snippet

In this snippet, see the short example to use button component of ant design library.

<Button.Group>
  <Button type="primary">Button 1</Button>
  <Button type="primary">Button 2</Button>
</Button.Group>

Example

In this example, we will import the button component from the ant library, and use button component as a primary type of ant design library.

Let’s start coding…

App.js

import React from 'react';
import { Button } from 'antd';

const App = () => (
  <Button.Group>
    <Button type="primary">Button 1</Button>
    <Button type="primary">Button 2</Button>
  </Button.Group>
);

export default App;

Output

Links

Here, we are provided code sandbox links for the above program make button group using ant design. Then you can use whenever you went and do the changes as per your requirements.

codesandbox

Happy Coding,

I hope the above example with help you to do your task.