react-bulma - GitLite

KO | EN

gitlite — search

#ai #golang #machine-learning #deep-learning #linux #docker #macos #java #windows #cli #awesome-list #mcp #ios #open-source

react-bulma

(★ 469)

React.js components for Modern CSS framework based on Flexbox

File Explorer

Download Latest Version (.zip)

- - index.js
- index.html
.babelrc
.editorconfig
.eslintrc
.gitignore
.npmignore
CHANGELOG.md
code-typing-tutor.json
LICENSE
package-lock.json
package.json
README.md
styleguide.config.js
yarn.lock

# Installation Guide

1. Get the code

git clone https://github.com/kulakowka/react-bulma

Downloads the entire project code from GitHub to your computer.

cd react-bulma

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install reactbulma

Downloads and installs the libraries listed in package.json.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

Pulled directly from this repo's README.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React-Bulma

React.js components for Modern CSS framework based on Flexbox

- Styleguide: https://kulakowka.github.io/react-bulma/
- Official Repo: https://github.com/jgthms/bulma
- Official Site: http://bulma.io
- NPM: http://npmjs.com/package/reactbulma

![2017-06-01 2 52 24](https://cloud.githubusercontent.com/assets/557190/26658839/5da1e0f8-4675-11e7-8c24-3cf7c9a92275.png)

![2017-06-01 2 52 24](https://cloud.githubusercontent.com/assets/557190/26658839/5da1e0f8-4675-11e7-8c24-3cf7c9a92275.png)

[![JavaScript Style Guide](https://cdn.rawgit.com/standard/standard/master/badge.svg)](https://github.com/standard/standard)

## Installation

```bash
npm install reactbulma
```

## Usage

```jsx
import React from 'react'
import { Button } from 'reactbulma'

const App => () =>
  <div>
      <Button primary>Primary</Button>
      <Button info>Info</Button>
      <Button success>Success</Button>
      <Button warning>Warning</Button>
      <Button danger>Danger</Button>
  </div>

export default App
```

![2017-10-10 22 16 02](https://user-images.githubusercontent.com/557190/31406050-a445338e-ae08-11e7-9dfe-eb4094abf71a.png)