https://github.com/jordanurbaezlu/void-ui-library

The Void UI Library is an open-source React Component Library that follows the Void Design System. Uses technologies such as React, Typescript, React Testing Library, Jest, SCSS, Rollup, ESLint, and Storybook. Uses Chromatic for Visual Regression Snapshot Testing: https://www.chromatic.com/builds?appId=63ece6136437457c65e9877c
https://github.com/jordanurbaezlu/void-ui-library

babel chromatic coverage css-modules eslint github-actions hooks javascript jest npm-package npmjs react react-testing-library rollup scss storybook tsconfig typescript ui-components

Last synced: about 1 month ago
JSON representation

The Void UI Library is an open-source React Component Library that follows the Void Design System. Uses technologies such as React, Typescript, React Testing Library, Jest, SCSS, Rollup, ESLint, and Storybook. Uses Chromatic for Visual Regression Snapshot Testing: https://www.chromatic.com/builds?appId=63ece6136437457c65e9877c

• Host: GitHub
• URL: https://github.com/jordanurbaezlu/void-ui-library
• Owner: JordanUrbaezLu
• Created: 2022-09-24T22:18:25.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-12-29T03:40:06.000Z (12 months ago)
• Last Synced: 2024-10-31T11:59:04.151Z (about 2 months ago)
• Topics: babel, chromatic, coverage, css-modules, eslint, github-actions, hooks, javascript, jest, npm-package, npmjs, react, react-testing-library, rollup, scss, storybook, tsconfig, typescript, ui-components
• Language: TypeScript
• Homepage: https://jordanurbaezlu.github.io/void-ui-library/
• Size: 7 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        
# Void UI Library

![image](https://wallpaperaccess.com/full/2106068.png)

## How to use this library?

### Install

`npm install void-ui-library`

### Import and Use

```JSX

import ReactDOM from "react-dom";

import { Button } from "void-ui-library/dist";

import "void-ui-library/dist/styles.css";

const container = document.getElementById('root');

const root = ReactDOM.createRoot(container);

root.render(Button);

```

Note: The Void UI library is heavily maintained and gets new components added regularly. Engineers are welcome to contribute to this open source library. Visit [CONTRIBUTING.md](https://github.com/JordanUrbaezLu/void-ui-library/blob/main/CONTRIBUTING.md) to see how!

Have a great day! You too!