storybook keybindings



~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!