Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @fenderdigital/react-button with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. var reactButton = require("@fenderdigital/react-button")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@fenderdigital/react-button v1.2.1

Fender React UI Kit Button Component

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
propNamepropTypedefaultValueisRequired
childrennodenull-
colorstringred-
dataIdstringbutton-component-
disabledbooleanfalse-
fontStylesstringf6 futura-heavy ttu white-
onClickfunc() => {}-
stylesstringbn br pa3-
typestringbutton-

Development

Check the Monorepo README for development documentation.

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free