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
59 lines
969 B
TypeScript
59 lines
969 B
TypeScript
import type { Meta, StoryObj } from '@storybook/nextjs-vite'
|
|
|
|
import { Progress } from './index'
|
|
|
|
const meta: Meta<typeof Progress> = {
|
|
title: 'Core Components/Progress',
|
|
component: Progress,
|
|
parameters: {
|
|
backgrounds: { disable: true },
|
|
},
|
|
argTypes: {
|
|
value: {
|
|
control: { type: 'range', min: 0, max: 100, step: 1 },
|
|
description: 'The current progress value (0-100)',
|
|
},
|
|
'aria-label': {
|
|
control: 'text',
|
|
description: 'Accessible label for the progress bar',
|
|
},
|
|
},
|
|
args: {
|
|
'aria-label': 'Loading progress',
|
|
},
|
|
}
|
|
|
|
export default meta
|
|
|
|
type Story = StoryObj<typeof Progress>
|
|
|
|
export const Default: Story = {
|
|
args: {
|
|
value: 65,
|
|
},
|
|
}
|
|
|
|
export const LowProgress: Story = {
|
|
args: {
|
|
value: 15,
|
|
},
|
|
}
|
|
|
|
export const HighProgress: Story = {
|
|
args: {
|
|
value: 90,
|
|
},
|
|
}
|
|
|
|
export const Complete: Story = {
|
|
args: {
|
|
value: 100,
|
|
},
|
|
}
|
|
|
|
export const Empty: Story = {
|
|
args: {
|
|
value: 0,
|
|
},
|
|
}
|