0.1.5 • Published 3 years ago
@flexcodelabs/button v0.1.5
@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 |