React Button Component
npm install --save zooid-button
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 |
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>
}
}