https://github.com/anthonygore/i-button

A simplistic button forked from VueMaterial inspired in Material Design Style Guide
https://github.com/anthonygore/i-button

Last synced: about 1 month ago
JSON representation

A simplistic button forked from VueMaterial inspired in Material Design Style Guide

• Host: GitHub
• URL: https://github.com/anthonygore/i-button
• Owner: anthonygore
• Created: 2017-11-17T22:07:07.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-17T22:12:38.000Z (about 7 years ago)
• Last Synced: 2024-10-28T00:45:25.145Z (2 months ago)
• Language: CSS
• Size: 15.6 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  

    

  



i-button




  

    

  

  

    

  

  

    

  



----------

`i-button` is a simplistic button forked from `vue-material` inspired in Material Design specs.

## Installation

Install via `npm`

``` bash

npm install i-button --save

```

Import or require in your code:

``` javascript

import Vue from 'vue'

import iButton from 'i-button'

// OR

var Vue = require('vue')

var iButton = require('i-button')

```

## Installation

### Module

``` javascript

import iButton from 'i-button'

// ...

export default {

  // ...

  components: {

    'my-awesome-button': iButton,

  }

  // ...

}

```

### Browser

```html

Vue.use(iButton);

new Vue({

  el: '#app'

});

```

## Usage

It's very useful to use `i-button` you only need to register then :smile: seems like with

``` html

  🗑

```

You also can use some properties like

#### A Link _(href & target & rel)_

``` html

  🗑

```

#### Button _(disabled & type)_

``` html

  🗑

```

## Colors

Actually we have 10 colors, are:

* 

* 

* 

* 

* 

* 

* 

* 

* 

* 

## Classes

Classes are formed by `prefix-type-color`, examples:

* `is-color-green`

* `is-outline-green`

* `is-background-green`

## Example

to-do