1.0.2 • Published 2 years ago
@uren/button v1.0.2
@uren/button
Uren UI - Atom Component Button
Install
npm install @uren/button
You need to install @uren/theme
package to get the styles.
npm install @uren/theme
Usage
import Button from "@uren/button";
import "@uren/theme/lib/production.scss" // scss
// import "@uren/theme/lib/prod.css" // css
<Button onClick={() => console.log("Hi World!")}>Click</Button>;
// Add props
<Button color="red" shape="circular">
Alert
</Button>
// Sizes
<Button size="medium"></Button>
Props
prop | value | default | required |
---|---|---|---|
children | ReactNode | undefined | Yes |
onClick | Event onClick | undefined | Yes |
size | mini | small | medium | large | medium | No |
shape | circular | rounded | squared | squared | No |
loading | boolean | false | No |
disabled | boolean | false | No |
color | red | black | white | blue | green | purple | pink | cyan | yellow | gray | orange | teal | blue | No |
design | outline | link | solid | text | icon | solid | No |
leftIcon | Component Icon | undefined | No |
rightIcon | Component Icon | undefined | No |
className | string | undefined | No |
style | CssProperties | undefined | No |
typeButton | button | submit | button | No |
ariaLabel | string | undefined | No |