material-colors-ts

A zero dependency TypeScript export of the material design color system.

Usage no npm install needed!

<script type="module">
  import materialColorsTs from 'https://cdn.skypack.dev/material-colors-ts';
</script>

README

material-colors-ts

A zero dependency TypeScript export of the material design color system.

Install

$ npm install material-colors-ts

Usage

NodeJS or Browser

import { white, blue } from 'material-colors-ts';

export function getBackgroundColor() {
  return blue[100];
}

React

import React from 'react';
import { white, blue } from 'material-colors-ts';

export default function Example() {
  return (
    <div style={{ backgroundColor: white }}>
      <span style={{ color: blue[500] }}>
        This is some blue text
      </span>
    </div>
  )
}