joshdstockdale/lit-vite-tailwind-storybook-design-tokens

Create web-components using Lit.js and TailwindCSS using Design Tokens and Storybook.

1 best points · 1 comments · 1 Hacker News post · 2 GitHub stars · View on GitHub

From the README

Purpose The purpose of this repo is to show how you can create web components using storybook with lit.dev built using Vite with the use of style-dictionary to convert Design Tokens into CSS Vars. I created a data table with the guidence of pencilandpaper.io. Why CSS Vars? CSS vars are the only way for global styles to pierce the encapsulation of web components while still encapsulating the JS and other CSS in the component. Install npm install Build theme npm run build:theme Start Storybook npm run storybook

Hacker News discussions

• Lit-Vite-tailwind-storybook-design-tokens (1 points, 1 comments, by joshdstockdale, 2023-05-16)