Getting Started

Manheim Design System


See the demo here


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


  1. Download or clone the files from the repository on Github.
  2. Install the gatsby cli yarn global add gatsby-cli
  3. In the command line, cd site && yarn to install dependencies
  4. Install the design system dependencies, cd ../prism && yarn
  5. 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