#FRNZ-UI

npm i frnz-ui

yarn add frnz-ui

pnpm add frnz-ui

import { Button, Input } from "frnz-ui";

import "frnz-ui/dist/styles/styles_ui.css";

<Button
label="click me"
variant="starlight"
onClick={(e)=>{console.log("hello")}}
fx={{
    backgroundColor: "red",
    color: "green",
    padding: "1rem .5rem",
}}
fxc{{
    primary:"red",
    secondary:"green"
    bgc:"black",
}}
/>

<Input
    id="ok"
     name="ok"
    type="text"
    variant="Password"
    placeholder="Enter your password"
    fx={
        {
            // padding: "2rem",
            // color: "yellow",
          }
        }
    // ref={useRef}
/>

<Hamburger
    variant="Snowy"
    onClick={(e)=>{console.log("hamburger clicked")}}
    debug={true}
    color="red"
/>

<SVG
    variant="Rating"
    show={40}
    size={240}
    strokeWidth={5}
    fxc={{ primary: "red", secondary: "green" }}
/>