8000 GitHub - eckdanny-osi/design-system: CWDS Design System
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
This repository was archived by the owner on Mar 29, 2019. It is now read-only.

eckdanny-osi/design-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

CWDS Design System

License: AGPL v3 lerna styled with prettier tested with jest slack

Monorepo for CWDS design system

💀 ARCHIVED 💀

This [psuedo] fork was maintained for reasons which no longer exist. I'm archiving this repo. Please go to ca-cwds/design-system. This repo is no longer maintained. All comments below this one are potentially out of date.

Consuming CARES Components

This a multi-package repository. You are reading the README for the repository root.

🛑 If you are looking for @cwds/* components 🛑

Install from npm:

yarn add @cwds/components

or if you want the latest RC:

yarn add @cwds/components@next

Using components in your application:

import React from 'react'
import { Button } from '@cwds/components'

const App = () => (
  <div>
    <Button>Hello World!</Button>
  </div>
)

System Requirements

We assume that you're using a bundler (like webpack) in your app. Our packages have a cjs and an esm build target. We ship scss source files so that you are in control (e.g.; with browserlist) of which polyfills/vender-prefixes/... are written at application bundling time.

To develop in this multi-package repository, you should have

  • yarn > 1.13.x (workspace support)
  • node > 8.11.x

Quick Start

Clone the repository

git clone https://github.com/ca-cwds/design-system.git && cd $_
yarn

To precompile the libs and www do

yarn build

Start Builders/Watchers

yarn dev

The Guide Site

The Guide Site has the following value proposition:

  1. Reference implementation for App Developers
  2. Living Documentation that is deployed with the libraries
  3. Integrated developer experience

Start up the Guide Site:

yarn start

The Guide Site runs on create-react-app@^2.x with additional loaders for mdx. It's a great way to encourage writing documentation while developers are building components.

rails_app

This is a good integration check for our Digital Service teams at CWDS because it runs on rails webpacker.

To run the rails app:

cd libs/rails_app
./bin/webpack-dev-server

then in another terminal start the rails server:

cd libs/rails_app
./bin/rails s -p 3001

Questions

If you have any questions regarding the contents of this repository, please email the Office of Systems Integration at FOSS@osi.ca.gov.

About

CWDS Design System

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 10

0