0.01
No commit activity in last 3 years
No release in over 3 years
Helper for creating css class strings inspired by ReactJS classSet
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
 Dependencies

Development

~> 1.3
>= 0
>= 0
 Project Readme

CssClassString

Helper for creating css class strings inspired by ReactJS classSet

  • Pass bare arguments for default classes
  • Pass hash of class => <boolean> for conditional classes
  • Use array with two classes as a key and first will be used for truthy and second for falsey value [:true?, :false?] => <boolean>

Installation

Add this line to your application's Gemfile:

gem 'css-class-string'

Usage

  // @boolvalue = true
  %span{class: class_string({some: true, classy: false, [:truthy, :falsy] => @boolvalue})}
  // equal to
  %span{class: class_string('some', falsy: false, [:truthy, :falsy] => @boolvalue)}
  // => <span class="some truthy"></span>
  <!-- @boolvalue = false -->
  <span class="<%= class_string({some: true, classy: true, [:truthy, :falsy] => @boolvalue} %>">
  <!-- equal to -->
  <span class="<%= class_string('some', 'classy', [:truthy, :falsy] => @boolvalue %>">
  <!-- => <span class="some classy falsy"></span> -->

Outside a view

CssClassString::Helper.new({}).to_s

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request