Rcd-button NPM

SJ-RCD Button - React Component for SJ

A react button component for SJ. Buttons to be used with forms. Button types include primary, secondary, icon, and text + icon.

Installation Guide

npm install react-button

Usage Guide

Button Import

import Button from 'react-button';

Button Reference

<Button
  accent=""
  className=""
  context=""
  fullWidth={false}
  icon=""
  isGroup={false}
  label=""
  popout=""
  onClick={function noRefCheck() {}}
/>

Button types

Primary Button Requirement: context label
Secondary Button Requirement: context label
Text + Icon Button Requirement: icon label
Icon Button Requirement: icon popout

Props

The following props may be passed to configure the <Button> element:

name	type	description
accent	`String`	Indicate the accent of the button. Example: `accent-1`,`accent-2`,`accent-3`,`accent-4`
className	`String`	Additional class to be added to the element
context	`String`	Indicate the context of the button. Example `btn-primary`, `btn-secondary`.
disabled	`Boolean`	Indicate if the button is disabled.
fullWidth	`Boolean`	Indicate if this button is full width
icon	`String`	Indicate the icon of the button. Example `icon-save`, `icon-delete`, etc
isGroup	`Boolean`	Indicate if this button is part of a button group.
label	`String`	Button text to be displayed in the component.
popout	`String`	Popout text to be displayed in Icon Only display of the component.