Skip to content

Latest commit

 

History

History
24 lines (15 loc) · 949 Bytes

materialUI.md

File metadata and controls

24 lines (15 loc) · 949 Bytes

Material UI

We are using Material Design from google as our design system, and the @material-ui/core NPM package which provides a [React](https://en.wikipedia.org/wiki/React_(JavaScript_library) implementation thereof.

Themes

Themes define site-wide colors and other visual settings that are particular to the heartpoints brand. Themes can be updated here or manually in code.

Icons

Icons can be browsed visually here. When the icon of choice is found, take note of the name, and then use the icon by importing the corresponding react component.

For example, if the icon is labeled domain, then:

import DomainIcon from '@material-ui/icons/Domain';

const render = () => <DomainIcon />