@flexcodelabs/button

• Packe Component
  • Features
  • Installation
  • Usage
  • Examples
  • Props

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 |