ca6cc5ab6c
feat(SW-3636): Storybook structure * New sections in Storybook sidebar * Group Storybook content files and add token files for spacing, border radius and shadows Approved-by: Joakim Jäderberg
64 lines
1.1 KiB
TypeScript
64 lines
1.1 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/nextjs-vite'
|
|
|
|
import { TripAdvisorChip } from './index'
|
|
|
|
const meta: Meta<typeof TripAdvisorChip> = {
|
|
title: 'Product Components/TripAdvisorChip',
|
|
component: TripAdvisorChip,
|
|
argTypes: {
|
|
rating: {
|
|
control: { type: 'number', min: 0, max: 5, step: 0.1 },
|
|
},
|
|
size: {
|
|
control: { type: 'select' },
|
|
options: ['default', 'small'],
|
|
},
|
|
color: {
|
|
control: { type: 'select' },
|
|
options: ['default', 'subtle'],
|
|
},
|
|
wrapper: {
|
|
control: { type: 'boolean' },
|
|
},
|
|
},
|
|
}
|
|
|
|
export default meta
|
|
type Story = StoryObj<typeof TripAdvisorChip>
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
rating: 4.5,
|
|
size: 'default',
|
|
color: 'default',
|
|
wrapper: false,
|
|
},
|
|
}
|
|
|
|
export const WithWrapper: Story = {
|
|
args: {
|
|
rating: 4.5,
|
|
size: 'default',
|
|
color: 'default',
|
|
wrapper: true,
|
|
},
|
|
}
|
|
|
|
export const Small: Story = {
|
|
args: {
|
|
rating: 4.5,
|
|
size: 'small',
|
|
color: 'default',
|
|
wrapper: true,
|
|
},
|
|
}
|
|
|
|
export const Subtle: Story = {
|
|
args: {
|
|
rating: 4.5,
|
|
size: 'default',
|
|
color: 'subtle',
|
|
wrapper: false,
|
|
},
|
|
}
|