Storybookで特定のstoryだけレイアウトを変える

Storybook 7.xでのやり方

2023-12-26

Storyの書き方が色々と変遷してきたためにググるといろんな書き方が出てくるが、Storybook 7.xでは

export const meta = {
	// ...
	parameters: {
    layout: 'fullscreen'
  }
	// ...
}

とすれば良い。

ちなみに fullscreen を指定するとデフォルトで当たっているpaddingがなくなる。