@shapla/react-button
v1.0.0
Published
A simple button, in different colors, sizes, and states
Downloads
4
Readme
Shapla React Button
A simple button, in different colors, sizes, and states
Table of contents
Installation
npm install --save @shapla/react-button
Usage
Styles
with Sass:
import '@shapla/react-button/src/index.scss';
with CSS:
import '@shapla/react-button/dist/button.css';
Javascript Instantiation
import React from 'react';
import Button from '@shapla/react-button';
class MyApp extends React.Component {
render() {
return (
<Button theme="primary">Click Me!</Button>
);
}
}
Props
| Property | Type | Required | Default | Description |
|---------------|-----------|-----------|-----------|-----------------------------------------------------------|
| theme
| String | no | default
| Value can be default
or primary
or secondary
. |
| size
| String | no | normal
| Value can be normal
or small
or medium
or large
. |
| fullwidth
| Boolean | no | false
| If set true
, button will take full width. |
| disabled
| Boolean | no | false
| If set true
, disabled attribute will be added. |
| outline
| Boolean | no | false
| If set true
, outline style will be used. |
| rounded
| Boolean | no | false
| If set true
, rounded style will be used. |
| fab
| Boolean | no | false
| If set true
, circle style will be used. |
| shadow
| Boolean | no | false
| If set true
, box-shadow will be added around button. |