/Javascript/React/Import button react-bootstrap

Import button react-bootstrap

Import react bootstrap button

import logo from './logo.svg';
import './App.css';

/*need to include both of the lines below for component to work*/
/*the first line is bootstrap css in general, the second is the Button component itself*/
import 'bootstrap/dist/css/bootstrap.min.css';
import Button from 'react-bootstrap/Button';


function App() {
  return (
    <div className="App">
    <Button as="a" variant="primary">
   I am a react bootstrap primary button
  </Button>
  <Button as="a" variant="success">
   I am a react bootstrap success button
  </Button>
    </div>
  );
}

export default App;

Source: grepper.com

Similar codes

0 vote349 views1 answer
Casl react redux
Javascript React
5 votes359 views3 answers
How to open a new tab in react
Javascript React
1 vote328 views1 answer
How to use array of object in react
Javascript React
0 vote308 views0 answer
React
Javascript React
0 vote359 views1 answer
Popup react now ui
Javascript React
112 votes413 views5 answers
Command to create react app
Javascript React
73 votes355 views7 answers
React icons
Javascript React
32 votes403 views1 answer
How to do routes react js
Javascript React
0 vote364 views1 answer
React native curved view
Javascript React
1 vote385 views1 answer
Get current platform react native
Javascript React