2.0.4 • Published 6 years ago
@thevelops/tv-buttons v2.0.4
tv-buttons
A collection of button components
// install
npm i -S @thevelops/tv-buttonsComponents
Docs
Button
import Button from "@thevelops/tv-buttons/dist/lib/Button";@import "path/to/node_modules/@thevelops/tv-buttons/dist/styles/button.styl"| Field | Type | Description |
|---|---|---|
| label | string or node | (required) |
| onClick | func | (required) |
| className | string | |
| disabled | bool | |
| value | string | |
| type | string | button, submit or reset. default: button |
| events | object | object with one or more React Syntethic Events |
Floating Action Button
import FloatingActionButton from "@thevelops/tv-buttons/dist/lib/FloatingActionButton";@import "path/to/node_modules/@thevelops/tv-buttons/dist/styles/floatActionButton.styl"| Field | Type | Description |
|---|---|---|
| icon | string | (required) |
| onClick | func | (required) |
| className | string | |
| fixed | bool | fixes the button in the bottom right corner of screen. default: false |
| events | objects | object with one or more React Synthetic Events |
Switch Button
import SwitchButton from "@thevelops/tv-buttons/dist/lib/SwitchButton";@import "path/to/node_modules/@thevelops/tv-buttons/dist/styles/switchButton.styl"| Field | Type | Description |
|---|---|---|
| onClick | func | (required) |
| enabled | boolean | (required) |
| className | string | |
| onLabel | string | label for the ON position (right) |
| offLabel | string | label for the OFF position (left) |
Development
For delevepment checkout this section.