- Loader
- Disabled
- Icon or Text or Both
- can be used as link
npm install @flexcodelabs/button
or
yarn add @flexcodelabs/button
import Button from "@flexcodelabs/button";
<Button
label="Button"
style={{
padding: 10,
background: "black",
}}
/>;
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 |