HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.gitignore
LICENSE
README.md
bower.json
gulpfile.js switch to scss Feb 19, 2017
index.html add button sizes, add test page to repo Feb 20, 2017
package.json
preview.png

README.md

Bootstrap Directional Buttons

Gem Version NPM Downloads Buy Me a Coffee

Directional / Arrow buttons for Bootstrap

Usage:

Just add class .btn-arrow-left or .btn-arrow-right to bootstrap buttons. Use inside a .btn-group to remove space between button.

<button type="button" class="btn btn-primary btn-arrow-left">Left Arrow Button</button>
<button type="button" class="btn btn-success btn-arrow-right">Right Arrow Button</button>

Demo:

https://jsbin.com/soweca/edit?html,css,output

Preview

Install

Yarn, NPM, Bower

yarn add bootstrap-directional-buttons

npm install bootstrap-directional-buttons

bower install bootstrap-directional-buttons

Rails

# Gemfile
source 'https://rails-assets.org' do
  gem 'rails-assets-bootstrap-directional-buttons'
end


# app/assets/stylesheets/application.scss
/*
 *= require bootstrap-directional-buttons
*/

Credits

Enhanced and Updated by Weston Ganger - @westonganger

Created by Leonid Komarovsky - @shpoont