#FRNZ-UI
to install library from npm
npm i frnz-ui
to install library from yarn
yarn add frnz-ui
to install library from pnpm
pnpm add frnz-ui
currently in development phase
you can use import Button and Input from
import { Button, Input } from "frnz-ui";
import css from frnz-ui
import "frnz-ui/dist/styles/styles_ui.css";
Button example
<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 Example
<Input
id="ok"
name="ok"
type="text"
variant="Password"
placeholder="Enter your password"
fx={
{
// padding: "2rem",
// color: "yellow",
}
}
// ref={useRef}
/>
Hamburger example
<Hamburger
variant="Snowy"
onClick={(e)=>{console.log("hamburger clicked")}}
debug={true}
color="red"
/>
to make borderless set strokeWidth property to -1
SVG example
<SVG
variant="Rating"
show={40}
size={240}
strokeWidth={5}
fxc={{ primary: "red", secondary: "green" }}
/>