Storybook + Panda CSS (Light and Dark Mode)
🐼 Read the docs: https://panda-css.com/docs/installation/storybook
Welcome to our latest video tutorial, where I show how to integrate Storybook with Panda CSS. We'll also set up storybook-addon-themes to visualize light and dark modes for a seamless development experience.
Chapters
00:00 - Setting up Storybook and Panda
00:46 - Creating a Button Recipe
03:10 - Creating the Button Stories
05:20 - Light and Dark Mode Setup
To learn more about Panda CSS, visit:
https://panda-css.com
To learn more about Storybook, visit:
https://storybook.js.org
Видео Storybook + Panda CSS (Light and Dark Mode) канала Segun Adebayo
Welcome to our latest video tutorial, where I show how to integrate Storybook with Panda CSS. We'll also set up storybook-addon-themes to visualize light and dark modes for a seamless development experience.
Chapters
00:00 - Setting up Storybook and Panda
00:46 - Creating a Button Recipe
03:10 - Creating the Button Stories
05:20 - Light and Dark Mode Setup
To learn more about Panda CSS, visit:
https://panda-css.com
To learn more about Storybook, visit:
https://storybook.js.org
Видео Storybook + Panda CSS (Light and Dark Mode) канала Segun Adebayo
Комментарии отсутствуют
Информация о видео
12 февраля 2024 г. 22:21:13
00:07:05
Другие видео канала
What makes a Good Headless Component Library? #reactjs #componentlibrary #javascript
Building a Typography component with Recipes and Text Styles
Chakra UI Office hours
Build a button recipe using the color palette in Panda CSS
Building the Select Component - Part 3
Let's Add the Color Picker Component to Chakra UI: Step-by-Step Build in v3
Card (Component of the Week)
Build a Modern Landing Page with Panda CSS
Pin Input (Component of the Week)
How to use icons in Chakra v3 #reactjs #chakraui #componentlibrary
Building a Floating Panel with XState #Shorts
Chakra v3 - Ask me anything
What headless library do you use in your projects? #ArkUI #headlesslibrary #reactjs
Episode 3: Building a Draggable Panel using XState and Stately
Using Ark UI as the Headless UI for your Design System
Design System Fridays: Building the Select Component - Part 2
Episode 4: Building a Draggable Panel using XState and Stately
Naming conventions in Chakra v3 #chakraui #reactjs
Building a Draggable Panel using XState and Stately
Episode 2: Building a Draggable Panel using XState and Stately