https://github.com/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.
https://github.com/bieefilled/biee-library

hacktoberfest2023 open-source reactjs reusable-components tailwind-css vite-react

Last synced: 10 months ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/bieefilled/biee-library
• Owner: bieefilled
• License: mit
• Created: 2023-04-29T21:48:24.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-09T14:49:22.000Z (over 2 years ago)
• Last Synced: 2025-03-24T11:21:44.991Z (11 months ago)
• Topics: hacktoberfest2023, open-source, reactjs, reusable-components, tailwind-css, vite-react
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/biee-ui
• Size: 267 KB
• Stars: 5
• Watchers: 1
• Forks: 6
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          


  



Biee-ui




[![Status](https://img.shields.io/badge/status-active-success.svg)]()

[![GitHub Issues](https://img.shields.io/github/issues/bieefilled/library.svg)](https://github.com/bieefilled/library/issues)

[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/bieefilled/library.svg)](https://github.com/bieefilled/library/pulls)

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)



---

 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

```javascript

npm install biee-ui

```

## Usage

creating buttons

```java

import {Button} from 'biee-ui'

export const yourComponent=()=>{

return (

{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

```java

import React, {useState} from 'react'

import {ContactForm} from 'biee-ui'

export const yourComponent=()=>{

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

function FormData(e){

  setData(e);

}

return (

)

}

```

## Inputs

```java

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 (

{inputData}} label="Username"/>

{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  |