1.0.2 • Published 2 years ago

@uren/button v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

@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

propvaluedefaultrequired
childrenReactNodeundefinedYes
onClickEvent onClickundefinedYes
sizemini | small | medium | largemediumNo
shapecircular | rounded | squaredsquaredNo
loadingbooleanfalseNo
disabledbooleanfalseNo
colorred | black | white | blue | green | purple | pink | cyan | yellow | gray | orange | tealblueNo
designoutline | link | solid | text | iconsolidNo
leftIconComponent IconundefinedNo
rightIconComponent IconundefinedNo
classNamestringundefinedNo
styleCssPropertiesundefinedNo
typeButtonbutton | submitbuttonNo
ariaLabelstringundefinedNo
1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago