Remove with Text
Remove GetEngineeringSpcReview Better error message EnforceCodeStyleInBuild NginxFileSystem Remove Reactors and Working Directory AppSettings Delete self contained Thunder Tests Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter
This commit is contained in:
47
Server/wwwroot/package/dist/collection/components/progress-bar/progress-bar.stories.js
vendored
Normal file
47
Server/wwwroot/package/dist/collection/components/progress-bar/progress-bar.stories.js
vendored
Normal file
@ -0,0 +1,47 @@
|
||||
export default {
|
||||
title: 'Components/Progress Bar',
|
||||
tags: ['autodocs'],
|
||||
args: {
|
||||
size: "m",
|
||||
percentage: 50,
|
||||
showLabel: false,
|
||||
},
|
||||
argTypes: {
|
||||
percentage: {
|
||||
control: { type: 'range', min: 0, max: 100 },
|
||||
},
|
||||
size: {
|
||||
description: "Size options: s (36px) and m (40px) - default: m",
|
||||
options: ['s', 'm'],
|
||||
control: { type: 'radio' },
|
||||
},
|
||||
},
|
||||
};
|
||||
const Template = (args) => {
|
||||
const wrapper = document.createElement('div');
|
||||
wrapper.innerHTML = `
|
||||
<ifx-progress-bar
|
||||
value="${args.percentage}"
|
||||
size="${args.size}"
|
||||
show-label="${args.showLabel}"
|
||||
></ifx-progress-bar>
|
||||
`;
|
||||
return wrapper.innerHTML;
|
||||
};
|
||||
export const Default = Template.bind({});
|
||||
Default.args = {
|
||||
size: 'm',
|
||||
percentage: 50,
|
||||
showLabel: false,
|
||||
};
|
||||
export const Small = Template.bind({});
|
||||
Small.args = {
|
||||
percentage: 75,
|
||||
size: 's',
|
||||
};
|
||||
export const WithLabel = Template.bind({});
|
||||
WithLabel.args = {
|
||||
percentage: 25,
|
||||
showLabel: true,
|
||||
};
|
||||
//# sourceMappingURL=progress-bar.stories.js.map
|
Reference in New Issue
Block a user