zooid-button

Button

Usage no npm install needed!

<script type="module">
  import zooidButton from 'https://cdn.skypack.dev/zooid-button';
</script>

README

zooid-button

React Button Component

Build Status Test Coverage Dependency status devDependency Status Slack Status

NPM

Install

npm install --save zooid-button

Props

Prop Type Default Description
kind string 'default' Choose from default, primary, approve, danger, neutral, hollow-primary, hollow-approve, hollow-danger, hollow-neutral, or no-style
size string 'regular' Choose from small, regular, or large
disabled boolean Makes your button un-clickable
block boolean Makes your button have 100% width
href string Link to something by adding an href to your button
className string Additional css classes for your button
onClick function Add a custom function to decide what to do with button clicks

Example

import React, { Component } from 'react'
import Button from 'zooid-button'

export default class App extends Component {
  render() {
    return <div>
      <h1>App</h1>
      <Button
        block
        kind="neutral"
        size="large"
        onClick={this.somefunction}>
        Large Block Button
      </Button>
    </div>
  }
}