2023-05-26 15:58:06 +02:00
|
|
|
import { Meta, StoryObj } from "@storybook/angular";
|
2023-01-24 17:23:22 +01:00
|
|
|
|
|
|
|
import { ProgressComponent } from "./progress.component";
|
|
|
|
|
|
|
|
export default {
|
|
|
|
title: "Component Library/Progress",
|
|
|
|
component: ProgressComponent,
|
|
|
|
parameters: {
|
|
|
|
design: {
|
|
|
|
type: "figma",
|
|
|
|
url: "https://www.figma.com/file/Zt3YSeb6E6lebAffrNLa0h/Tailwind-Component-Library?node-id=1881%3A18185&t=AM0acaIJ00BUhZKz-4",
|
|
|
|
},
|
|
|
|
},
|
|
|
|
args: {
|
|
|
|
showText: true,
|
|
|
|
size: "default",
|
|
|
|
bgColor: "primary",
|
|
|
|
},
|
|
|
|
} as Meta;
|
|
|
|
|
2023-05-26 15:58:06 +02:00
|
|
|
type Story = StoryObj<ProgressComponent>;
|
2023-01-24 17:23:22 +01:00
|
|
|
|
2023-05-26 15:58:06 +02:00
|
|
|
export const Empty: Story = {
|
|
|
|
args: {
|
|
|
|
barWidth: 0,
|
|
|
|
},
|
2023-01-24 17:23:22 +01:00
|
|
|
};
|
|
|
|
|
2023-05-26 15:58:06 +02:00
|
|
|
export const Full: Story = {
|
|
|
|
args: {
|
|
|
|
barWidth: 100,
|
|
|
|
},
|
2023-01-24 17:23:22 +01:00
|
|
|
};
|
|
|
|
|
2023-05-26 15:58:06 +02:00
|
|
|
export const CustomText: Story = {
|
|
|
|
args: {
|
|
|
|
barWidth: 25,
|
|
|
|
text: "Loading...",
|
|
|
|
},
|
2023-01-24 17:23:22 +01:00
|
|
|
};
|