$3

A highly configurable React button component. Includes stunning default styles or style it to suit your own design system.

``sh
$ yarn add @emryui/react-button


or

`sh
$ yarn add @emryui/presets


or

`js
module.exports = {
presets: [
require("@emryui/presets"),
// ...other presets
],
content: ["./node_modules/@emryui/react-button/*/.{js,ts,jsx,tsx,mdx}"],
// ...other Tailwind CSS configuration
};
`

$3

Import the Button component and use it in your React application

`
import { Button } from "@emryui/react-button";

// Example usage:

Click me

`

$3

| Prop | Type | Options |
| ---------------- | --------------------------- | --------------------------------------------------------------------------------------------- |
| size | ButtonSize | sm, md, lg, xl, 2xl |
| children | ReactNode | N/A |
| disabled | boolean | true, false |
| type | string | submit, reset, button |
| variant | ButtonVariant | primary, secondary, secondary color, tertiary, tertiary color, link, link color |
| addClassNames | string | N/A |
| removeClassNames | string | N/A |
| className | string | N/A |
| transition | ButtonTransitionSpeed | fast, subtle, slow, none |
| destructive | boolean | true, false |
| dot | boolean | true, false |
| as | keyof JSX.IntrinsicElements | N/A |
| headless | boolean | true, false |
| icon | boolean | true, false` |