how to add bulma to react

Solutions on MaxInterview for how to add bulma to react by the best coders in the world

showing results for - "how to add bulma to react"
Sofia
14 Jan 2016
1npx create-react-app your-app
2
3npm install bulma 
4or 
5yarn install bulma
6
7in your App.js file in root directory, import the bulma min.css
8		import "bulma/css/bulma.min.css";
9
10test it in the function in App.js
11by replacing the divs with this and you should see colour buttons
12	<div classname="main">
13      <div className="buttons">
14        <button class="button is-primary">Primary</button>
15        <button class="button is-link">Link</button>
16        <button class="button is-info">Info</button>
17        <button class="button is-success">Success</button>
18        <button class="button is-warning">Warning</button>
19        <button class="button is-danger">Danger</button>
20        <button class="button is-black">Black</button>
21        <button class="button is-white">White</button>
22        <button class="button is-dark">Dark</button>
23        <button class="button is-light">Light</button>
24      </div>
25    </div>