{"id":15064861,"url":"https://github.com/bieefilled/biee-library","last_synced_at":"2025-04-10T12:41:29.933Z","repository":{"id":159241934,"uuid":"634362920","full_name":"bieefilled/Biee-Library","owner":"bieefilled","description":"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.","archived":false,"fork":false,"pushed_at":"2023-10-09T14:49:22.000Z","size":273,"stargazers_count":5,"open_issues_count":3,"forks_count":6,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T11:21:44.991Z","etag":null,"topics":["hacktoberfest2023","open-source","reactjs","reusable-components","tailwind-css","vite-react"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/biee-ui","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bieefilled.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-04-29T21:48:24.000Z","updated_at":"2023-10-11T01:03:39.000Z","dependencies_parsed_at":null,"dependency_job_id":"7a24dd3a-7d3b-4988-a609-9c0eb51e80a7","html_url":"https://github.com/bieefilled/Biee-Library","commit_stats":null,"previous_names":["bieefilled/library"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bieefilled%2FBiee-Library","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bieefilled%2FBiee-Library/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bieefilled%2FBiee-Library/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bieefilled%2FBiee-Library/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bieefilled","download_url":"https://codeload.github.com/bieefilled/Biee-Library/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248217155,"owners_count":21066634,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["hacktoberfest2023","open-source","reactjs","reusable-components","tailwind-css","vite-react"],"created_at":"2024-09-25T00:27:24.285Z","updated_at":"2025-04-10T12:41:29.908Z","avatar_url":"https://github.com/bieefilled.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\n  \u003c!-- \u003ca href=\"\" rel=\"noopener\"\u003e\n \u003cimg width=200px height=200px src=\"https://i.imgur.com/6wj0hh6.jpg\" alt=\"Project logo\"\u003e\u003c/a\u003e --\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eBiee-ui\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[![Status](https://img.shields.io/badge/status-active-success.svg)]()\n[![GitHub Issues](https://img.shields.io/github/issues/bieefilled/library.svg)](https://github.com/bieefilled/library/issues)\n[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/bieefilled/library.svg)](https://github.com/bieefilled/library/pulls)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)\n\n\u003c/div\u003e\n\n---\n\n\u003cp align=\"center\"\u003e A React Ui Library\n    \u003cbr\u003e\n\u003c/p\u003e\n\n## overview\n\nbiee-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.\n\n\u003c!-- ## 🧐 Overview \u003ca name = \"about\"\u003e\u003c/a\u003e --\u003e\n## Installation\n\n```javascript\nnpm install biee-ui\n```\n\n## Usage\n\ncreating buttons\n\n```java\n\nimport {Button} from 'biee-ui'\n\nexport const yourComponent=()=\u003e{\n\nreturn (\n\n\u003cButton name=\"Submit\" type=\"submit\" onclick={()=\u003e{alert(\"clicked\")}}/\u003e\n\n)\n}\n```\n\n-Advance Button customization\n\n| Style |  Descriptions |\n| :--------------:|:--------------:|\n| variant    | \"default\", \"primary\", \"success\"  |\n|style       |  tailwind-css styles  |\n\n## ContactForm\n\nThe ContactForm returns an object to access it you need to create a state and pass the as seen in the example below\n\n```java\nimport React, {useState} from 'react'\nimport {ContactForm} from 'biee-ui'\n\nexport const yourComponent=()=\u003e{\n\nconst [data, setData]=useState({});\n\nfunction FormData(e){\n  setData(e);\n}\n\nreturn (\n\n\u003cContactForm formData={Formdata}/\u003e\n\n)\n}\n```\n\n## Inputs\n\n```java\nimport React, {useState} from 'react'\nimport {Input} from 'biee-ui'\n\nexport const yourComponent=()=\u003e{\n\nconst [data, setData]=useState({});\n\nfunction inputData(e){\n  setData(e.target.value);\n}\n\nreturn (\n\n\u003cInput type=\"text\" name=\"full name\" onchange={(e)=\u003e{inputData}} label=\"Username\"/\u003e\n\u003cInput type=\"text\" name=\"\" onchange={(e)=\u003e{inputData}} textarea label=\"message\"/\u003e\n\n\n)\n}\n```\n\n-Advance input customization\n\n| Style |  Descriptions |\n| :--------------:|:--------------:|\n| name    | String  |\n|style       |  tailwind-css styles  |\n| onChange    | Function  |\n|value       |  String  |\n| textarea    | by default is false |\n|label       |  String  |\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbieefilled%2Fbiee-library","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbieefilled%2Fbiee-library","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbieefilled%2Fbiee-library/lists"}