Skip to content
My React UI components.
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
test/functional
.gitignore
.npmignore
.travis.yml
LICENSE
README.md
babel.config.js
package-lock.json
package.json

README.md

Build Status JavaScript Style Guide

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 (e.g. a ), 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
You can’t perform that action at this time.