0.2.8-alpha • Published 2 years ago

@emryui/react-button v0.2.8-alpha

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Installation

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

$ yarn add @emryui/react-button
# or
$ npm install @emryui/react-button

If you want to use the default styles (e.g. colors), you also need to install the @emryui/presets package:

$ yarn add @emryui/presets
# or
$ npm install @emryui/presets

tailwind.config.js

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

Usage

Import the Button component and use it in your React application

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

// Example usage:
<Button size="md" variant="primary" onClick={handleClick}>
  Click me
</Button>

Props

PropTypeOptions
sizeButtonSizesm, md, lg, xl, 2xl
childrenReactNodeN/A
disabledbooleantrue, false
typestringsubmit, reset, button
variantButtonVariantprimary, secondary, secondary color, tertiary, tertiary color, link, link color
addClassNamesstringN/A
removeClassNamesstringN/A
classNamestringN/A
transitionButtonTransitionSpeedfast, subtle,slow, none
destructivebooleantrue, false
dotbooleantrue, false
askeyof JSX.IntrinsicElementsN/A
headlessbooleantrue, false
iconbooleantrue, false
0.2.7-alpha

2 years ago

0.2.8-alpha

2 years ago

0.2.6-alpha

2 years ago

0.2.5-alpha

2 years ago

0.2.4-alpha

2 years ago

0.2.3-alpha

2 years ago

0.2.2-alpha

2 years ago

0.2.1-alpha

2 years ago

0.2.0-alpha

2 years ago

0.1.9-alpha

2 years ago

0.1.8-alpha

2 years ago

0.0.8-alpha

2 years ago

0.0.7-alpha

2 years ago

0.0.6-alpha

2 years ago

0.0.5-alpha

2 years ago

0.0.4-alpha

2 years ago

0.0.3-alpha

2 years ago

0.0.2-alpha

2 years ago

0.0.1-alpha

2 years ago