Button for Fender React UI Kit
Description
A button component with configurable props for setting border, font and layout styles.
Installation and Usage
yarn add @fenderdigital/react-button --save
import Button from '@fenderdigital/react-button';Props
-
children- renders any child elements -
color- background color of the button -
dataId- data-id value -
disabled- attribute to disable butto -
fontStyles- configurable tachyon classes for the text -
onClick- callback -
styles- configurable tachyon classes for the button -
type- configurable value for desired button behavior (button, submit) etc
| propName | propType | defaultValue | isRequired |
|---|---|---|---|
| children | node | null | - |
| color | string | red | - |
| dataId | string | button-component | - |
| disabled | boolean | false | - |
| fontStyles | string | f6 futura-heavy ttu white | - |
| onClick | func | () => {} | - |
| styles | string | bn br pa3 | - |
| type | string | button | - |
Development
Check the Monorepo README for development documentation.