buenolucas / wpds-ui-kit

WPDS's UiKit coded in React using Stitches, Radix UI and more!

Home Page:https://wpds-ui-kit.preview.now.washingtonpost.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WPDS's UI Kit

npm (tag)

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

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

Statuses

  • Chromatic Production
  • Validate
  • Release to Latest NPM Channel

About

WPDS's UiKit coded in React using Stitches, Radix UI and more!

https://wpds-ui-kit.preview.now.washingtonpost.com

License:MIT License


Languages

Language:TypeScript 60.7%Language:JavaScript 36.5%Language:Handlebars 1.6%Language:Makefile 1.0%Language:Shell 0.2%