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