26 lines
558 B
JavaScript
26 lines
558 B
JavaScript
import React from "react";
|
|
import ProgressBar from "./";
|
|
|
|
export default {
|
|
title: "Components/ProgressBar",
|
|
component: ProgressBar,
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
component:
|
|
"A container that displays a process or operation as a progress bar",
|
|
},
|
|
},
|
|
},
|
|
};
|
|
|
|
const Template = (args) => {
|
|
return <ProgressBar {...args} style={{ marginTop: 16 }} />;
|
|
};
|
|
export const Default = Template.bind({});
|
|
Default.args = {
|
|
label: "Uploading files: 20 of 100",
|
|
percent: 20,
|
|
dropDownContent: "You content here",
|
|
};
|