https://github.com/dhmgroup/bulmajs-rails

Ruby on rails wrapper for the unofficial javascript extension to the awesome Bulma CSS framework.
https://github.com/dhmgroup/bulmajs-rails

bulma bulmajs rails ruby

Last synced: 3 months ago
JSON representation

Ruby on rails wrapper for the unofficial javascript extension to the awesome Bulma CSS framework.

• Host: GitHub
• URL: https://github.com/dhmgroup/bulmajs-rails
• Owner: dhmgroup
• License: mit
• Created: 2018-05-09T11:09:45.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-09-28T23:10:19.000Z (over 5 years ago)
• Last Synced: 2024-10-01T01:42:06.109Z (3 months ago)
• Topics: bulma, bulmajs, rails, ruby
• Language: Ruby
• Homepage: https://github.com/VizuaaLOG/BulmaJS
• Size: 34.2 KB
• Stars: 4
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Bulmajs::Rails

Bulmajs-rails is the implementation of [BulmaJS](https://github.com/VizuaaLOG/BulmaJS)

BulmaJS is an unofficial javascript extension to the awesome [Bulma CSS framework](https://bulma.io)

Source: [https://github.com/VizuaaLOG/BulmaJS](https://github.com/VizuaaLOG/BulmaJS)

Ruby Gem: [https://rubygems.org/gems/bulmajs-rails](https://rubygems.org/gems/bulmajs-rails)

## Installation

Add this line to your application's Gemfile:

```ruby

gem 'bulmajs-rails'

```

And then execute:

    $ bundle

Or install it yourself as:

    $ gem install bulmajs-rails

Now you need to edit your `app/assets/javascripts/application.js` file and add the following line:

```javascript

//= require bulma

```

## Turbolinks is now required for this wrapper.

## Usage Examples

### Basic Tabs

```html

    


    


        


            


                Pictures

            

            


                Music

            

            


                Videos

            

            


                Documents

            

        

    


    


        


            


                
Pictures

            

            


                
Music

            

            


                
Videos

            

            


                
Documents

            

        

    



```


### Navbar Mobile Toggle

All you need to do is add `data-bulma="navbar"` to the main navbar div, and then add `data-trigger` and `data-target="navID"` to the navbar burger

```html

    


        

        


            

            

            

        

    

    


        

    


```

### Filename Updating

```html



    

        

        

            

                

            

            

                Choose a file…

            

        

        

    



```


More examples and explanation are on available [https://vizuaalog.github.io/BulmaJS](https://vizuaalog.github.io/BulmaJS)

## Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/theeomm/bulmajs-rails. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

## Special Thanks

[Thomas](https://github.com/VizuaaLOG) - Creator of BulmaJS

## License

The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).