整合

將您的工具與 Storybook 整合，以連接工作流程並解鎖進階功能。

新增您的整合

驗證網路 Playwright Vrt Figma Jest

分類

如何安裝擴充套件建立擴充套件

Storybook 8 新功能

在您的 stories 中找出意料之外的視覺變化和 UI 錯誤

熱門擴充套件

Automate visual testing across browsers. Gather UI feedback. Versioned documentation.

Mock Service Worker

Mock API requests in Storybook with Mock Service Worker.

Switch between multiple themes for you components in Storybook

Storybook addon for embedding your design preview in addon panel

View a story’s source code to see how it works and paste into your app

storybook-dark-mode

Toggle between light and dark mode in Storybook

Test component compliance with web accessibility standards

Catch unexpected visual changes & UI bugs in your stories

Run component tests on stories via the command line or CI

熱門配方

tailwindcss

Tailwind CSS 是一個實用優先的 CSS 框架，包含大量類別，可直接在你的標記中建構任何設計。

next

Next.js 讓你能夠透過擴展最新的 React 功能來建立全端 Web 應用程式。

@mui/material

Material UI 是一個基於 Google Material Design 規範的元件庫。

react-i18next

React i18next 是一個用於本地化應用程式的國際化函式庫。

sass

Sass（也稱為 scss）是一種流行的 CSS 預處理器，可讓開發人員編寫更易於維護和重複使用的樣式表。

styled-components

Styled Components

Styled Components 是一個 css-in-js 框架，用於建構快速且功能強大的元件。

vuetify

Vuetify 是一個基於 Vue 的元件庫，以 Google 的 Material Design 規範設計。

bootstrap

Bootstrap 是一個功能強大、可擴展且功能豐富的前端工具包。

@emotion/styled

Emotion 是一個 css-in-js 框架，用於建構快速且功能強大的元件。