<div id="root"/></div>
.buttons{
  display:flex;
  justify-content:center;
  margin-top: 50px;
  padding:10px;
}
const App = () => {
    return (
      <div classname="main"> 
        <div className="buttons">
          <button class="button is-success is-outlined">Outlined</button>
          <button class="button is-warning is-loading">Loading</button>
          <button class="button is-danger" disabled>Disabled</button>
        </div>
      </div>
    )
}

ReactDOM.render(<App/>, document.getElementById('root'))
View Compiled

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/bulma/0.8.2/css/bulma.min.css
  2. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/react/16.13.1/umd/react.production.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.13.1/umd/react-dom.production.min.js