---
# System prepended metadata

title: 'Talking Drupal #340 - Storybook'

---

# Talking Drupal #340 - Storybook
Today we are talking about storybook with Randy Oest.

[www.talkingDrupal.com/340](https://www.talkingDrupal.com/340)

## Topics
- What is Storybook
- Why are component libraries so popular
- Difference between Storybook and Patternlab
- Why choose Storybook
- Useful Addons
    - Docs
    * Controls
    * Accessibility
    * Screen Size
    * Figma
    * Zeppelin
    * Write your own
    * Chromatic visual testing
* Integration with Drupal
* Headless environments
* Emulsify
* When would you not use Storybook
* Interesting use cases
* Chromatic (not the Drupal agency)
* Resources for getting started


## Resources
* [Storybook](https://storybook.js.org/)
* [Emulsify ](https://www.emulsify.info/)
* [Mustache ](https://mustache.github.io/)
* [Security update](https://www.drupal.org/sa-core-2022-006)
* [Perimeter](https://www.drupal.org/project/perimeter)
* [Stencil](https://stenciljs.com/)
* [Storybook Tutorial](https://storybook.js.org/tutorials/ )
* [Emulsify](https://emulsify.info )


## Guests
Randy Oest - [randyoest.com](https://randyoest.com) [@amazingrando](https://twitter.com/amazingrando)

## Hosts
Nic Laflin - [www.nLighteneddevelopment.com](https://www.nLighteneddevelopment.com) [@nicxvan](https://twitter.com/nicxvan)
John Picozzi - [www.epam.com](https://www.epam.com) [@johnpicozzi](https://twitter.com/johnpicozzi)
Mike Anello - [drupaleasy.com](https://www.drupaleasy.com) [@ultimike](https://twitter.com/ultimike)

## MOTW
[Perimeter](https://www.drupal.org/project/perimeter)
Basic perimeter defence for a Drupal site. This module bans the IPs who send suspicious requests to the site. The concept is: if you have no business here, go away.