storybook keybindings

2019-10-31

 | 

~1 min read

 | 

113 words

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.


Hi there and thanks for reading! My name's Stephen. I live in Chicago with my wife, Kate, and dog, Finn. Want more? See about and get in touch!