npm_ui_monster
Version:
Copy paste in root file (index.js): import "npm_ui_monster/dist/index.css"
63 lines (55 loc) • 1.12 kB
Markdown
# npm_ui_monster
Copy paste in root file (index.js):
import "npm_ui_monster/dist/index.css"
## Firstly
Copy paste in root file (index.js):
import "npm_ui_monster/dist/index.css"
```javascript
import "npm_ui_monster/dist/index.css"
```
## Usage/Examples
```javascript
Example of usage:
import { Button, IconButton, TextButton } from "the_my_ui"
function MyButtons() {
return (
<div className="w-full h-full gap-[50px] flex justify-center items-center flex-col">
{Button({ width: "200px", height: "100px" })}
<Button
width="SM"
height="LG"
leftIconPath="./logo192.png"
text="example1"
disabled={false}
theme="destructive"
mainStyle="outline"
onClick={() => {
alert("Hello World")
}}
/>
<IconButton
width="SM"
height="XS"
iconPath="./logo192.png"
disabled={false}
theme="neutral"
mainStyle="primary"
onClick={() => {
alert("Hello World")
}}
/>
<TextButton
width="SM"
height="XS"
leftIconPath="./logo192.png"
text="example3"
disabled={false}
theme="destructive"
onClick={() => {
alert("Hello World")
}}
/>
</div>
)}
export default MyButtons
```