@clipmx/theme

Core Clip theme for styled-components theme provider

Usage no npm install needed!

<script type="module">
  import clipmxTheme from 'https://cdn.skypack.dev/@clipmx/theme';
</script>

README

Clip Theme

Clip UI theming and layout helpers.

Installation

npm install @clipmx/theme --save

Usage

import React from 'react';
import ClipTheme, { ThemeProvider } from '@clipmx/theme';

const MyComponent = () => (
  <ThemeProvider theme={ClipTheme}>
    <div>Hello World</div>
  </ThemeProvider>
);

export default MyComponent;

Modules

Theme (default)

Material Design-based theme

ThemeProvider

A wrapper of the Material UI ThemeProvider. Provides the theme context to all children elements.