@flexcodelabs/button
![NPM](https://img.shields.io/npm/l/@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
Source code
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 |