import { Meta } from '@storybook/addon-docs'; import Code from './assets/code-brackets.svg'; import Colors from './assets/colors.svg'; import Comments from './assets/comments.svg'; import Direction from './assets/direction.svg'; import Flow from './assets/flow.svg'; import Plugin from './assets/plugin.svg'; import Repo from './assets/repo.svg'; import StackAlt from './assets/stackalt.svg'; # Welcome to Storybook Storybook helps you build UI components in isolation from your app's business logic, data, and context. That makes it easy to develop hard-to-reach states. Save these UI states as **stories** to revisit during development, testing, or QA. Browse example stories now by navigating to them in the sidebar. View their code in the `stories` directory to learn how they work. We recommend building UIs with a [**component-driven**](https://componentdriven.org) process starting with atomic components and ending with pages.
Configure
plugin Presets for popular tools Easy setup for TypeScript, SCSS and more. Build Build configuration How to customize webpack and Babel colors Styling How to load and configure CSS libraries flow Data Providers and mocking for data libraries
Learn
repo Storybook documentation Configure, customize, and extend direction In-depth guides Best practices from leading teams code GitHub project View the source and add issues comments Discord chat Chat with maintainers and the community
TipEdit the Markdown in{' '} stories/Introduction.stories.mdx