Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uxilab/uxi
UXI Core components - https://twitter.com/uxi_lab
https://github.com/uxilab/uxi
a11y react redux styled-components ui-components user-experience
Last synced: about 1 month ago
JSON representation
UXI Core components - https://twitter.com/uxi_lab
- Host: GitHub
- URL: https://github.com/uxilab/uxi
- Owner: uxilab
- Created: 2017-09-08T12:23:54.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T04:51:50.000Z (almost 2 years ago)
- Last Synced: 2024-10-12T16:31:59.849Z (about 1 month ago)
- Topics: a11y, react, redux, styled-components, ui-components, user-experience
- Language: JavaScript
- Homepage: https://www.uxilab.eu/
- Size: 39.8 MB
- Stars: 5
- Watchers: 5
- Forks: 1
- Open Issues: 58
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![npm version](https://badge.fury.io/js/uxi.svg)](https://badge.fury.io/js/uxi)
---
# UXI - React component library
## Demo (wip): [uxilab.eu](https://www.uxilab.eu)
## Doc (wip): [uxilab.github.io/uxi/](https://uxilab.github.io/uxi/)
#### We're looking for contributors!
This page is only dedicated to contributors. For documentation around the project, please go to [uxilab.eu](https://www.uxilab.eu)
## Pre-requirements
- peerDependecies:
- react@^16
- [email protected]
- react-dom@^16- Browser support:
- IE11 (in progress)
- all evergreen browser## Installing
- Install node.js
- > git clone [email protected]:uxilab/uxi.git
- > cd uxi
- > npm install## start dev
- > npm run dev
- open browser to http://localhost:8989----
Add an icon:
- drop the dvg into the src/Icons/svgs foldes (named like the other (Name-ico.svg))
- cd into src/Icons
- run _scripts `node _script.js`
- cd to project root
- run `npm run lint`
- stage your icon (svg, js and test file) AND stage the scr/Icons/index.js file
- commit----
## Backlog of things
### General
- Having UXI documentation online
- Having UXI website online### Alert
- Create Sketch file for Alert
- Create better documentation
- Write UX guidelines### Badge
- Create tests for Badge
- Create Sketch file for Badge
- Create better documentation
- Write UX guidelines### Button
- Create better documentation
- Create Sketch file for Button
- Add more tests
- Write UX guidelines### Dialog
- Create documentation
- Create Sketch file for Dialog
- Create tests
- Write UX guidelines### Header
- Write UX guidelines
- Create documentation
- Create tests
- Create Sketch file### Img
- Write UX guidelines
- Create documentation
- Create tests
- Create Sketch file (?)### Indicator
- Write UX guidelines
- Create documentation
- Create tests
- Create sketch file### Input
#### Checkbox
- Create tests
- Write UX guidelines
- Create Documentation
- Create sketch file#### Date Input
- on hold
#### File Input
- on hold
#### Radio Input
- Create tests
- Write UX guidelines
- Create Documentation
- Create Sketch File#### Search Form
- Create tests
- Write UX guidelines
- Create Documentation
- Create Sketch File#### Select Input
- Create tests
- Write UX guidelines
- Create Documentation
- Create Sketch File### Switch Input
- Create tests
- Write UX guidelines
- Create Documentation
- Create Sketch file#### TextField
- Create tests
- Write UX guidelines
- Create Documentation
- Create Sketch file#### Input Group
- Create tests
- Write UX guidelines
- Create Documentation
- Create Sketch File#### Form Decorate for redux-form
TODO
### Icons
- Create Documentation
- Create Sketch File
- Create UX guidelines### Menu
- Create Documentation
- Create Sketch File
- Create UX guidelines
- Create Tests### Dropdown
- Create Documentation
- Create Sketch File
- Create tests
- Create UX guidelines### SlidePanel
- Create Documentation
- Create Sketch File
- Create tests
- Create UX guidelines### Stepper
- Create Documentation
- Create Sketch File
- Create tests
- Create UX guidelines#### Divier
- Create Documentation
- Create Sketch File
- Create tests
- Create UX guidelines#### Avatar
- Create Documentation
- Create Sketch File
- Create tests
- Create UX guidelines### Tabs
- Create stand-alone version of tabs
- Create overflow version of tabs
- Create Documentation
- Create Sketch File
- Create UX guidelines
- Creats tests### Auto-Complete
- Create the component
- Create Documentation
- Create Sketch File
- Create UX guideline
- Create tests