exportして使い回せるようにしたいものだけど、storybook上には表示させたくないときに使う
[Storybook Tutorials](https://storybook.js.org/tutorials/intro-to-storybook/angular/ja/simple-component/)
>- `component` -- コンポーネント自体
>- `title` -- Storybook のサイドバーにあるコンポーネントを参照する方法
>- `excludeStories` -- ストーリーファイルのエクスポートのうち、Storybook にストーリーとして表示させたくないもの
```ts
import { moduleMetadata, Story, Meta } from '@storybook/angular';
import { CommonModule } from '@angular/common';
import { action } from '@storybook/addon-actions';
import { TaskComponent } from './task.component';
export default {
component: TaskComponent,
decorators: [
moduleMetadata({
declarations: [TaskComponent],
imports: [CommonModule],
}),
],
excludeStories: /.*Data$/, //
title: 'Task',
} as Meta;
export const actionsData = {
onPinTask: action('onPinTask'),
onArchiveTask: action('onArchiveTask'),
};
const Template: Story<TaskComponent> = args => ({
props: {
...args,
onPinTask: actionsData.onPinTask,
onArchiveTask: actionsData.onArchiveTask,
},
});
export const Default = Template.bind({});
Default.args = {
task: {
id: '1',
title: 'Test Task',
state: 'TASK_INBOX',
updatedAt: new Date(2021, 0, 1, 9, 0),
},
};
export const Archived = Template.bind({});
Archived.args = {
task: {
...Default.args.task,
state: 'TASK_ARCHIVED',
},
};
```
[Storybookの始め方](https://zenn.dev/link/comments/08ad582e1c0188)