0.1.5 • Published 2 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 |