Get started

This commit is contained in:
Charles de Dreuille 2024-06-13 18:20:41 +01:00
parent 3ee7e625b5
commit f15f0594d9
8 changed files with 33 additions and 6 deletions

View File

@ -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.

View File

@ -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. Youll be able to transfer these skills to thousands of companies that use Storybook to build UIs including GitHub, Airbnb, and Stripe.

View File

@ -1,5 +1,8 @@
---
title: Frameworks
sidebar:
order: 3
title: Frameworks
---
<HomeRenderers />

View File

@ -0,0 +1,6 @@
---
title: Get started with Storybook
sidebar:
order: 1
title: Get Started
---

View File

@ -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 projects root directory:

View File

@ -1,5 +1,8 @@
---
title: 'Setup Storybook'
title: Setup Storybook
sidebar:
order: 6
title: Setup
---
Now that youve learned what stories are and how to browse them, lets demo working on one of your components.

View File

@ -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.

View File

@ -1,5 +1,8 @@
---
title: 'Why Storybook?'
title: Why Storybook?
sidebar:
order: 1
title: Why Storybook?
---
## The problem