https://github.com/thk2b/oui
A set of reusable react component for common use cases
https://github.com/thk2b/oui
Last synced: 4 months ago
JSON representation
A set of reusable react component for common use cases
- Host: GitHub
- URL: https://github.com/thk2b/oui
- Owner: thk2b
- Created: 2018-03-16T02:19:38.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-06-06T16:42:13.000Z (about 8 years ago)
- Last Synced: 2025-10-10T03:25:03.365Z (8 months ago)
- Language: JavaScript
- Homepage:
- Size: 3.33 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
`npm install --save @thk2b/oui`
# oui
Open UI
This repository contains implementation of common features.
# scope
`oui` focuses on the dynamic aspects of user interface. This means that we render plain HTML5 elements, and apply only sructural styling to elements.
Overall, `oui` manages the layout and dynamic elements of the app, but remains unopinionated towards decoration, which should to be left to brand-designers.
# principles
- overidability: every element renderd by `oui` should be customizable. Every component has a `style` and `className` prop that can be used to add you own styles. If a component renders more than one element, each element should recieve its own `style` and `className` hook.
# Modules
- Grid ([Docs](https://github.com/thk2b/oui/blob/master/src/Grid/docs.md))
A CSS Grid component
- Popover ([Docs](https://github.com/thk2b/oui/blob/master/src/Popover/docs.md))
A popover component that renders its children only if the component has been clicked.
- Resizable ([Docs]( https://github.com/thk2b/oui/blob/master/src/Resizable/docs.md))
A component that makes another component resizable.
- Editable ([Docs]( https://github.com/thk2b/oui/blob/master/src/Editable/docs.md))
Displays a value and allows the user to edit it.