THIS IS A WORK IN PROGRESS
minimui
Minimui is my minimalist React component library that I use for various projects.
YMMV.
I have developed this React component library to standardise form components, create custom components, support standardised states, and do this all in a visually attractive way.
Principles
- Native components SHOULD be used where possible, as this is necessary to avoid problems that lie outside the browser canvas. For example, using a
<select>with options that overflow over the bottom of the browser window is problematic as they will not be displayed, whereas a native control will render the options upwards and viewable. - All form components MUST support "focus", "error", "disabled" and "in-progress" states.
- All form components MUST support keyboard navigation (tab), and keyboard activation where applicable (spacebar).
- All component states MUST be observable to colour-blind people and when rendering is grayscale, i.e. no component state is primarily indicated by colour, but colours are used as a secondary aesthetic state indicators.
- All form components MUST support "in-progress" state when an asynchronous action has been triggered (e.g. an XHR).
- Components that are in a "disabled" or "in-progress" state MUST NOT emit events (e.g. onClick).
- All form components MUST be controlled components.
Dependencies
- react 16.x
- font-awesome 5.x
- styled-components 4.x