bieefilled / biee-library

A reusable React component, powered by Vite and Node! This component is designed to streamline your React development process, allowing you to quickly and easily integrate it into your existing projects. With a focus on simplicity and efficient.

Biee-ui

---

A React Ui Library

overview

biee-library is a React UI library with a wide variety of reusable components, including data visualization components, form components, navigation components, and layout components. The library is designed to be easy to use and well-documented, and it is supported by a strong community of contributors.

Installation

npm install biee-ui

Usage

creating buttons

import {Button} from 'biee-ui'

export const yourComponent=()=>{

return (

<Button name="Submit" type="submit" onclick={()=>{alert("clicked")}}/>

)
}

-Advance Button customization

Style	Descriptions
variant	"default", "primary", "success"
style	tailwind-css styles

ContactForm

The ContactForm returns an object to access it you need to create a state and pass the as seen in the example below

import React, {useState} from 'react'
import {ContactForm} from 'biee-ui'

export const yourComponent=()=>{

const [data, setData]=useState({});

function FormData(e){
  setData(e);
}

return (

<ContactForm formData={Formdata}/>

)
}

Inputs

import React, {useState} from 'react'
import {Input} from 'biee-ui'

export const yourComponent=()=>{

const [data, setData]=useState({});

function inputData(e){
  setData(e.target.value);
}

return (

<Input type="text" name="full name" onchange={(e)=>{inputData}} label="Username"/>
<Input type="text" name="" onchange={(e)=>{inputData}} textarea label="message"/>


)
}

-Advance input customization

Style	Descriptions
name	String
style	tailwind-css styles
onChange	Function
value	String
textarea	by default is false
label	String