@lightspeed/cirrus-button

Button

The most essential element of a user interface.

Installation

First, make sure you have been through the Getting Started steps of adding Cirrus in your application.

If using Yarn:

yarn add @lightspeed/cirrus-button

Or using npm:

npm i -S @lightspeed/cirrus-button

Usage

Import required styles in your .scss:

@import '@lightspeed/cirrus-button/Button.css';

React Component

Add the component in your project:

import React from 'react';
import Button from '@lightspeed/cirrus-button';

const MyComponent = () =>
  <div>
    <Button>My Button</Button>
  </div>;

export default MyComponent;

CSS Component

Add classes to your HTML elements:

<button type="button" class="cr-button">My Button</button>