tv-buttons
A collection of button components
// install
npm i -S @thevelops/tv-buttons
Components
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.