d0546926a9
fix(SW-3691): Setup one prettier config for whole repo * Setup prettierrc in root and remove other configs Approved-by: Joakim Jäderberg Approved-by: Linus Flood
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,
|
|
},
|
|
}
|