-
-
Notifications
You must be signed in to change notification settings - Fork 9.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
8bf1d0c
commit 604f992
Showing
2 changed files
with
34 additions
and
346 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,33 @@ | ||
--- | ||
title: Get started with Storybook | ||
hideRendererSelector: true | ||
--- | ||
|
||
Welcome to Storybook's documentation ✦ Learn how to get started with Storybook in your project. Then, explore Storybook's main concepts and discover additional resources to help you grow and maintain your Storybook. | ||
|
||
## What is Storybook? | ||
|
||
Storybook is a frontend workshop for building UI components and pages in isolation. It helps you develop and share hard-to-reach states and edge cases without needing to run your whole app. Thousands of teams use it for UI development, testing, and documentation. It's open source and free. | ||
|
||
## Install Storybook | ||
|
||
Storybook is a standalone tool that runs alongside your app. It's a zero-config environment that works with any modern frontend framework. You can install Storybook into an existing project or create a new one from scratch. | ||
|
||
<CodeSnippets path="init-command.md" /> | ||
|
||
<HomeRenderers /> | ||
|
||
Want to know more about installing Storybook? Check out the [installation guide](./install.md). | ||
|
||
## Main concepts | ||
|
||
Storybook is a powerful tool that can help you with many aspects of your UI development workflow. Here are some of the main concepts to get you started. | ||
|
||
<HomeConcepts /> | ||
|
||
## Additional resources | ||
|
||
Once you've learned the basics, explore these other ways to get the most out of Storybook. | ||
|
||
<HomeResources /> | ||
|