Storybookは、Canvasタブの以外には「Docs」というタブが設けられています Docsには、以下のような文書を書くことができます 今回は、Docsの書き方について紹介しようと思います Docsの種類 Storybookの公式ページに行き、左パネルの「Write docs」の下の「Docs Blocks」を注目します 「Docs Blocks」の下には8つのページがあります、その8つはDocsBlockの全部の種類です さらに、Docsにの書き方は2種類存在しています 一つ目はMDX、ArgsTableを例えてみると ドキュメントは「Working with MDX」のセクションです もう一つ目はDocsPageです、ドキュメントは「Working with the DocsPage 」のセクションです MDXは、DocsPageより豊富で、多様なDocsを書くことができます 今
![StorybookのDocsBlockを触ってみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b6d8995d57552bf572d9a29a3f8f26af1c687da/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--XVVvNmKX--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AStorybook%2525E3%252581%2525AEDocsBlock%2525E3%252582%252592%2525E8%2525A7%2525A6%2525E3%252581%2525A3%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3A%2525E3%252582%2525A4%2525E3%252583%2525BC%2525E3%252582%2525A2%2525E3%252583%2525B3%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2lidWlybWVlX1RmOXlQaDdjMzBxYThCUnRVWWVIbmdLS0gxa1RKRmc9czk2LWM%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)