Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wawrow/bootstrap-button-designer
simple js button designer for bootstrap
https://github.com/wawrow/bootstrap-button-designer
Last synced: 3 months ago
JSON representation
simple js button designer for bootstrap
- Host: GitHub
- URL: https://github.com/wawrow/bootstrap-button-designer
- Owner: wawrow
- License: mit
- Created: 2018-01-31T23:04:53.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2018-02-02T19:32:40.000Z (almost 7 years ago)
- Last Synced: 2024-05-08T08:34:15.856Z (6 months ago)
- Language: HTML
- Homepage:
- Size: 123 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- Awesome-CSS-Resources - bootstrap-button-designer:
README
## Bootstrap Button Designer
A simple js Button Designer with class, icon and size picker.
## Installation
Required dependecies:
- `[email protected]`
- `[email protected]` *(optional, enabled by default)
- `[email protected]` *(optional, enabled by default)
- `[email protected]` *(will probably work with older)
Add to Head:
```
```
## Usage
Define button:
```
Some Text Button 1
```
Make it editable:
```
$('.button-designer').button_desinger()
```
Or With Options:
```
$('.button-designer').button_desinger({styles : {
"Default": 'btn-default',
"Primary": 'btn-primary',
"Success": 'btn-success',
"Info": 'btn-info',
"Warning": 'btn-warning',
"Danger": 'btn-danger'
},
sizes : {
"XSmall": 'btn-xs',
"Small" : "btn-sm",
"Default" : "",
"Large" : "btn-lg"
},
extra_classes : {
'Round' : 'btn-round',
'Shadow' : 'btn-shadow',
'Block' : 'btn-block',
},
icons : ['fa', 'ion', 'glyphicons']
})`
```
**See Demo Here: [Click](https://wawrow.github.io/bootstrap-button-designer/).**
## License
The plugin is under MIT License