reactstrap button

1//npm install react-bootstrap bootstrap
2
3import Button from 'react-bootstrap/Button'
4
5<>
6  <Button variant="primary">Primary</Button>{' '}
7  <Button variant="secondary">Secondary</Button>{' '}
8  <Button variant="success">Success</Button>{' '}
9  <Button variant="warning">Warning</Button>{' '}
10  <Button variant="danger">Danger</Button> <Button variant="info">Info</Button>{' '}
11  <Button variant="light">Light</Button> <Button variant="dark">Dark</Button>{' '}
12  <Button variant="link">Link</Button>
13</>

1import React from 'react';
2import { Button } from 'reactstrap';
3
4const Example = (props) => {
5  return (
6    <div>
7      <Button color="primary">primary</Button>{' '}
8      <Button color="secondary">secondary</Button>{' '}
9      <Button color="success">success</Button>{' '}
10      <Button color="info">info</Button>{' '}
11      <Button color="warning">warning</Button>{' '}
12      <Button color="danger">danger</Button>{' '}
13      <Button color="link">link</Button>
14    </div>
15  );
16}
17
18export default Example;
19

1import Button from 'react-bootstrap/Button'