WPDS's UI Kit

Explore the Docs

#wpds on Slack

This project structure is heavily inspired by Chakra UI, Radix UI, and others.

A single import for users, many packages imported in @washingtonpost/wpds-ui-kit.

npm i @washingtonpost/wpds-ui-kit

Contributing

Dependency Graph

An example of the dependency graph for importing Button from Kit.

flowchart LR
A["@washingtonpost/wpds-theme"] --> B["@washingtonpost/wpds-ui-kit"]
C["@washingtonpost/wpds-button"] --> B["@washingtonpost/wpds-ui-kit"]
A["@washingtonpost/wpds-theme"] --> C["@washingtonpost/wpds-button"]
click A "https://github.com/WPMedia/wpds-ui-kit/tree/main/ui/theme"
click B "https://github.com/WPMedia/wpds-ui-kit/tree/main/ui/kit"
click C "https://github.com/WPMedia/wpds-ui-kit/tree/main/ui/button"

Loading

React Guide

Statuses

• 
• 
•