storybook/docs/snippets/common/storybook-component-layout-param.ts.mdx
2022-12-04 16:08:06 +00:00

23 lines
599 B
Plaintext

```ts
// Button.stories.ts|tsx
import { Button } from './Button';
// Replace your-framework with the name of your framework
import type { Meta } from '@storybook/your-framework';
// To apply a set of backgrounds to all stories of Button:
const meta: Meta<typeof Button> = {
/* 👇 The title prop is optional.
* See https://storybook.js.org/docs/7.0/react/configure/overview#configure-story-loading
* to learn how to generate automatic titles
*/
title: 'Button',
component: Button,
// Sets the layout parameter component wide.
parameters: {
layout: 'centered',
},
};
```