mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-04 20:51:07 +08:00
Get started
This commit is contained in:
parent
3ee7e625b5
commit
f15f0594d9
@ -1,6 +1,9 @@
|
||||
---
|
||||
title: 'Browse Stories'
|
||||
title: Browse Stories
|
||||
hideRendererSelector: true
|
||||
sidebar:
|
||||
order: 5
|
||||
title: Browse stories
|
||||
---
|
||||
|
||||
Last chapter, we learned that stories correspond with discrete component states. This chapter demonstrates how to use Storybook as a workshop for building components.
|
||||
|
@ -1,6 +1,9 @@
|
||||
---
|
||||
title: 'Conclusion'
|
||||
title: Conclusion
|
||||
hideRendererSelector: true
|
||||
sidebar:
|
||||
order: 7
|
||||
title: Conclusion
|
||||
---
|
||||
|
||||
Congratulations! You learned the basics. Storybook is the most popular tool for UI component development and documentation. You’ll be able to transfer these skills to thousands of companies that use Storybook to build UIs including GitHub, Airbnb, and Stripe.
|
||||
|
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: Frameworks
|
||||
sidebar:
|
||||
order: 3
|
||||
title: Frameworks
|
||||
---
|
||||
|
||||
<HomeRenderers />
|
6
docs/get-started/index.mdx
Normal file
6
docs/get-started/index.mdx
Normal file
@ -0,0 +1,6 @@
|
||||
---
|
||||
title: Get started with Storybook
|
||||
sidebar:
|
||||
order: 1
|
||||
title: Get Started
|
||||
---
|
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: 'Install Storybook'
|
||||
title: Install Storybook
|
||||
sidebar:
|
||||
order: 2
|
||||
title: Install
|
||||
---
|
||||
|
||||
Use the Storybook CLI to install it in a single command. Run this inside your project’s root directory:
|
||||
|
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: 'Setup Storybook'
|
||||
title: Setup Storybook
|
||||
sidebar:
|
||||
order: 6
|
||||
title: Setup
|
||||
---
|
||||
|
||||
Now that you’ve learned what stories are and how to browse them, let’s demo working on one of your components.
|
||||
|
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: "What's a story?"
|
||||
title: What's a story?
|
||||
sidebar:
|
||||
order: 4
|
||||
title: What's a story?
|
||||
---
|
||||
|
||||
A story captures the rendered state of a UI component. Developers write multiple stories per component that describe all the “interesting” states a component can support.
|
||||
|
@ -1,5 +1,8 @@
|
||||
---
|
||||
title: 'Why Storybook?'
|
||||
title: Why Storybook?
|
||||
sidebar:
|
||||
order: 1
|
||||
title: Why Storybook?
|
||||
---
|
||||
|
||||
## The problem
|
||||
|
Loading…
x
Reference in New Issue
Block a user