@procore/crescent

Atomic view components.

Usage no npm install needed!

<script type="module">
  import procoreCrescent from 'https://cdn.skypack.dev/@procore/crescent';
</script>

README

CORE

Atomic View Components

What is this?

CORE is a minimalist implementation of Procore's Web Design Guidelines. The library provides:

  • Styles
  • SCSS source files
  • A set of reference React components for convenience

Usage with React

To get started with CORE, import the base stylesheet in your root component:

import React from 'react';
import { Button } from '@procore/core'
import '@procore/crescent/build/index.css';

export default () =>
  <Button variant="action">That was easy 😄</Button>

Developing

CORE requires Node 6+

Styles

yarn
yarn dev:styles

Components

yarn
yarn dev:components

Testing

yarn test

Building

yarn build

Publishing

yarn publish