0.2.8-alpha • Published 2 years ago
@emryui/react-button v0.2.8-alpha
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
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 |
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