/* Code-Comments */

October 31, 2019

Storybook Keybindings

Filing this under delightful surprises.

I was working with StorybookJS today when I stumbled into a few keybindings that I didn’t know existed before.

The / is labeled on the screen as entering the search window, which I love and use often. I didn’t know about these though:

  • a - Toggle visibility for the information pane (knobs, readme, etc.)
  • s - Toggle visibility for the directory list / search (left pane)
  • d - Toggle position for the information pane (bottom vs right)
  • f - Toggle full screen.

Here they are in action.

Storybook Demo

I also found that the comma (,) will go to the about page for Storybook.

Stephen Weiss

Thanks for reading! My name's Stephen Weiss. I live in Chicago with my wife, Kate, and dog, Finn.
Click here to see the archives of my weeks in review and sign up yourself!