xcelent-solutions

Button

Buttons provide an easy way for users to interact with an interface, allowing them to perform actions or choose options with a single tap. To install the package, run "npm i react-reusify"

Simple Button

Simple button comes with four variants. "Filled" | "outlined" | "outlinedFilled" | "text". All props are optional, just import the button and use it

Filled Button
1import {Button} from 'react-reusify'
2
3<Button
4    variant='filled'
5    label='Follow'
6    //optional button-specific
7    background='pink'
8    hoverBg='red'
9/>
Icon Button

A button that combines an icon with text, available in four distinct variants. It supports all the props available on the Simple Button, allowing full customization of styles, behavior, and appearance.

Filled Button
1import {Button} from 'react-reusify'
2
3<Button
4    variant='filled'
5    label='Follow'
6    //optional button-specific
7    iconGap='8px'
8    iconSize='16px'
9    iconAt='left'
10    background='pink'
11    hoverBg='red'
12/>