Core Tech
Nova
Style Guide

Overview

In this section, we'll explain how the Style Guide works.

Summary

The Style Guide is located at pmc-nova/style-guide and is a tool to help us develop and maintain the component library, design system, CSS framework, and other frontend aspects of Nova.

Structure

The Style Guide is a Next.js application and follows their best practices.

├── style-guide
│   ├── .next
│   ├── .nova-build
│   ├── __mocks__
│   ├── __tests__
│   ├── brands
│   ├── cli
│   ├── components
│   ├── helpers
│   ├── internal
│   ├── jsx-to-php-transpiler
│   ├── mixins
│   ├── pages
│   ├── public
│   ├── styles
│   ├── types

Internal

This contains most of the code used by the Style Guide.

── internal
│   │   ├── components
│   │   ├── data
│   │   ├── hooks
│   │   ├── logger
│   │   ├── state
│   │   └── test-data
  • components - Style Guide React components.
  • data - Old test data.
  • hooks - Hooks used to help manage state in the Style Guide.
  • logger - Delete this.
  • state - Contains logic used to manipulate the Nova Manifest from an earlier version of things.
ImagesBrands