paper-ui-react v0.0.4

Paper UI

A UI web component library to create eink like interfaces. Implementation in React.

Tenets

1. Create components based on simplicity and minimal design
2. Components are designed with an eink look & feel based on eink devices to allow focus on the important elements by adding color
3. Components have to be tested
4. Browser compatibility, mwith main focus on Chrome and FireFox stable versions

Components to create

• Reset styles
• Define colors, sizes, margins and paddings
• Headings of different sizes
• Buttons
  • Squared
  • Rounded
  • Borderer
  • Plain text
• Modal with chesslike background
• Images with black and white filter by default and colorful modifier to remove modifier
• Form fields (input/textarea)

TO DOs

• Add proper tests to existing components
• Add coverage information

Resources/References

• How to Create and Publish a React Component Library
• How to Create Your Own React Component Library
• NPM package development with Vite