Manheim Design System

How it works

Manheim Design System is built using Gatsby, a site generator built with React.

The tool can consume and display components from anywhere.

Getting Started

Download or clone the files from the repository on Github.
Install the gatsby cli yarn global add gatsby-cli
In the command line, cd site && yarn to install dependencies
Install the design system dependencies, cd ../prism && yarn
From the root of the project yarn dev to run the project.

App Structure

|-- Prism: Directory for the Prism components and styles.
    ├── index.js
    └── src
    |    ├── components
    |    └── styles
    └── lib
        ├── index.js
        ├── components
        └── styles
|-- site/
    └── src
        ├── components //components for the prism website, NOT for design system components
        ├── content // documentation for each component in markdown
        ├── examples // demo components for ds components that use state or bool || upercase props
        ├── templates // template for markdown pages
        └── styles  // styles for the prism website, NOT for design system components