Basics

A guide to building Mybring and related properties with shared principles and code

System content

• Documentation with principles, guidelines and code reference
• Mybring Design System CSS
• Icons
• React components
• Chart.js config

User-friendly, maintainable code

We aim to override as little as possible of our users’ environment; our business is to meet their preferences and needs, not control them. We want to write fewer lines of code, making our codebase easier to work with for years to come.

Standard and custom elements

We base Mybring interfaces on native elements and their conventions. The goal is to keep elements recognisable for the users in the browser of their choice and usable for people with increased font sizes, high-contrast settings, etc.

Evident examples are the input types and select. When circumstances call for custom elements or deviation from certain principles, we still work from the native patterns.

Development and contribution

Mybring Experience owns Mybring Design System and develops it through initiatives, feedback and needs uncovered while working with other teams.

Like any other application, it’s also open to contribution as described in the readme.