bambu

Seamless integration with Bulma


Motivation

React Web components built with typescript on top of bulma css framework.

#### Key Points

| Key | Goal |
| ------------- |:-------------:|
| Extended from typescript definition types of html elements for each react component so able to use native html attributes for each element which is supported. | Easy development with Typescript |
| Used pure functional and stateless react component | Performance, Minimum source code |
| Defined each component similar | Standardization |
| Used attribute names for each component similar to related css class names which are defined in bulma.| Standardization, Simplicity |
| Used bulma sass files from node modules.| Easy upgradable |

$3

#### installation

install dependencies bulma, react,prop-types*
``bash
yarn add bulma react prop-types
`

* install
`bash
yarn add bambu
`

#### bulma css file.

* import bulma.css css in html file.

`html

`

* if you are using bulma as css module then you have add bulma css module

`javascript
import {bulma} from "bambu";

bulma.$putAll(require('bulma/css/bulma.css'));
`

* For more information https://bulma.io/documentation/overview/start/


#### fontawesome.

* add css link to index.html file

`html

`


* For more information https://fontawesome.com/get-started

#### materialdesignicons.

* add css link to index.html file

`html

`


* For more information https://materialdesignicons.com/

Documentation ( Showcase )

#### Development

* Start showcase in development mode.
`bash
yarn start
`

#### Production

* build showcase
`bash
yarn showcase:build
`

* serve showcase (port: 8282)
`bash
yarn showcase:serve
``

Contributions

Yes please! See the contributing guidelines for details.

License

bambu is wtfpl licensed.