@flexcodelabs/button
v0.1.5
Published
[![npm](https://img.shields.io/npm/v/@flexcodelabs/button)](https://www.npmjs.com/package/@flexcodelabs/button) [![NPM](https://img.shields.io/npm/l/@flexcodelabs/button)](https://www.npmjs.com/package/@flexcodelabs/button)
Downloads
2
Readme
@flexcodelabs/button
Features
- Loader
- Disabled
- Icon or Text or Both
- can be used as link
Installation
npm install @flexcodelabs/button
or
yarn add @flexcodelabs/button
Usage
import Button from "@flexcodelabs/button";
<Button
label="Button"
style={{
padding: 10,
background: "black",
}}
/>;
Examples
Props
| Name | Type | Default | Required | Description |
| --------- | ---------------------------------------- | ------- | -------- | -------------------------------------------- |
| label | ReactNode or string
| | `false` | Button content |
| style | `CSSProperties` |
| false
| Custome styles |
| className | string
| | `false` | Custom classname |
| ripple | `boolean` |
| false
| Whether to add ripple effect on button click |
| disabled | boolean
| | `false` | Button disabled status |
| type | `button or submit or reset or undefined` |
| false
| |
| href | string
| | `false` | destination for next projects |
| to | `string` |
| false
| destination for react router dom |
| Link | any
| | `false` | can be Link from react router or next/link |
| loading | `boolean` |
| false
| buttonloading status |