2015-07-02 14:17:35 +03:00
|
|
|
# Button
|
|
|
|
|
|
|
|
```
|
|
|
|
var Button = require('react-toolbox/components/button');
|
2015-09-18 22:03:08 +03:00
|
|
|
<Button className="accent" label="Flat button" />
|
|
|
|
<Button className="primary" type="raised" label="Raised" />
|
|
|
|
<Button className="accent" type="raised" label="Raised" icon="assignment_turned_in" />
|
|
|
|
<Button className="primary" type="floating" icon="add" />
|
|
|
|
<Button className="accent mini" type="floating" icon="add" />
|
2015-07-02 14:17:35 +03:00
|
|
|
```
|
|
|
|
|
|
|
|
## Properties
|
|
|
|
|
|
|
|
| Name | Type | Default | Description|
|
|
|
|
|:- |:-: | :- |:-|
|
|
|
|
| **className** | String | | Set the class-styles of the Component.|
|
2015-07-07 12:30:22 +03:00
|
|
|
| **disabled** | Boolean | | If true, component will be disabled.|
|
|
|
|
| **icon** | String | | Default value using JSON data.|
|
2015-09-18 22:03:08 +03:00
|
|
|
| **label** | String | | The text string to use for the floating label element.|
|
2015-07-07 12:30:22 +03:00
|
|
|
| **loading** | Boolean | | If true, component will be disabled and show a loading animation.|
|
2015-09-18 22:03:08 +03:00
|
|
|
| **ripple** | Boolean | | If true, component will have a ripple effect on click.|
|
|
|
|
| **type** | String | "flat" | Type of the component, overwrite this property if you need set a different stylesheet.|
|
2015-07-02 14:17:35 +03:00
|
|
|
|
|
|
|
## Methods
|
|
|
|
|
|
|
|
#### loading
|
|
|
|
If true, component will be disabled and show a loading animation.
|
|
|
|
|
|
|
|
```
|
|
|
|
input_instance.loading(true);
|
|
|
|
```
|