..  _start:

=======================
EXT:storybook - Getting Started
=======================

..  figure:: /assets/TYPO3-loves-storybook.svg
    :alt: TYPO3
    :target: https://typo3.org

This is the Getting Started guide for the Storybook TYPO3 extension.
It will help you to get started with Storybook and TYPO3 Fluid components.
It is designed to be a quick introduction to the most important concepts and features of Storybook.

.. tip::

    This is only the Getting Started guide for the Storybook TYPO3 extension.

    * For extended information about Storybook itself, see the `Storybook documentation <https://storybook.js.org/docs>`_.
    * For extended information about TYPO3 components, see the `TYPO3 Components documentation <https://docs.typo3.org/permalink/fluid:components>`_.
    * For extended information about EXT:storybook, see the `README.md <https://github.com/andersundsehr/storybook/blob/main/README.md>`_.

..  toctree::
    :glob:
    :titlesonly:
    :hidden:

    */Index
    WhyAndWhyNot
    FirstFluidComponent
    Installation
    FirstStorybookStory
    Transformers
    *

..  card-grid::
    :columns: 1
    :columns-md: 2
    :gap: 4
    :class: pb-4
    :card-height: 100

    ..  card:: :ref:`Why and Why Not? <whyAndWhyNot>`

        Learn about component-based development and why Storybook is a great tool for it.

    ..  card:: :ref:`First Fluid Component <firstFluidComponent>`

        Learn how to write your first Fluid component.

    ..  card:: :ref:`Installation <installation>`

        Learn how to install this extension and Storybook.

    ..  card:: :ref:`First Storybook Story <firstStorybookStory>`

        Learn how to write your first Storybook story.

    ..  card:: :ref:`Transformers <transformers>`

        Learn how to use transformers to document more complex arguments in your stories.