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.