Skip to content

Commit

Permalink
chore: Story に型を追加
Browse files Browse the repository at this point in the history
  • Loading branch information
uknmr committed Sep 27, 2024
1 parent abb7d6d commit e2ee5ca
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 9 deletions.
6 changes: 3 additions & 3 deletions packages/smarthr-ui/src/components/TabBar/TabBar.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ import React from 'react'
import { TabBar } from './TabBar'
import { TabItem } from './TabItem'

import type { Meta } from '@storybook/react'
import type { Meta, StoryObj } from '@storybook/react'

export default {
title: 'Navigation(ナビゲーション)/TabBar',
Expand All @@ -25,13 +25,13 @@ export default {
},
} as Meta<typeof TabBar>

export const Default = {
export const Default: StoryObj<typeof TabBar> = {
args: {
bordered: true,
},
}

export const Playground = {
export const Playground: StoryObj<typeof TabBar> = {
args: {
bordered: true,
},
Expand Down
12 changes: 6 additions & 6 deletions packages/smarthr-ui/src/components/TabBar/TabItem.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@ import { Badge } from '../Badge'

import { TabItem } from './TabItem'

import type { Meta } from '@storybook/react'
import type { Meta, StoryObj } from '@storybook/react'

export default {
title: 'Navigation(ナビゲーション)/TabBar/TabItem',
Expand All @@ -21,36 +21,36 @@ export default {
},
} as Meta<typeof TabItem>

export const TabItemControl = {
export const TabItemControl: StoryObj<typeof TabItem> = {
name: 'Playground',
args: {
selected: true,
disabled: false,
},
}

export const Selected = {
export const Selected: StoryObj<typeof TabItem> = {
name: 'selected',
args: {
selected: true,
},
}

export const Suffix = {
export const Suffix: StoryObj<typeof TabItem> = {
name: 'suffix',
args: {
suffix: <Badge count={1} />,
},
}

export const Disabled = {
export const Disabled: StoryObj<typeof TabItem> = {
name: 'disabled',
args: {
disabled: true,
},
}

export const DisabledDetail = {
export const DisabledDetail: StoryObj<typeof TabItem> = {
name: 'disabledDetail',
args: {
disabled: true,
Expand Down

0 comments on commit e2ee5ca

Please sign in to comment.