Zuora Design System

ZDS is an atomic design library written in Stencil.js. Because it uses the native web components, ZDS works in any framework, or no framework at all. See the Stencil.js framework integration documentation for integration instructions.

Getting Started

Setup

npm install

Build Distribution

npm run build

Build Distribution and Basic Doc Site (If updated components or usages. New components need a usage.md for basic doc site to work.)

npm run build-docs

Run Local Doc Site (Simple Jekyll site to hold basic documentation generated from usage markdown files in component source.)

npm run dev-docs

Run Local Stencil JS Site (Just an index html page for basic component debug)

npm run dev

(NEED TO CHANGE TO NEW ZDS PACKAGE WHEN CREATED)

Install the ZDS library into your project.

npm install @anjuna/core --save