mirror of https://github.com/portainer/portainer
48 lines
864 B
TypeScript
48 lines
864 B
TypeScript
import { Meta } from '@storybook/react';
|
|
import { Download } from 'lucide-react';
|
|
|
|
import { LoadingButton } from './LoadingButton';
|
|
|
|
export default {
|
|
component: LoadingButton,
|
|
title: 'Components/Buttons/LoadingButton',
|
|
} as Meta;
|
|
|
|
interface Args {
|
|
loadingText: string;
|
|
isLoading: boolean;
|
|
}
|
|
|
|
function Template({ loadingText, isLoading }: Args) {
|
|
return (
|
|
<LoadingButton
|
|
loadingText={loadingText}
|
|
data-cy="loading-button"
|
|
isLoading={isLoading}
|
|
icon={Download}
|
|
>
|
|
Download
|
|
</LoadingButton>
|
|
);
|
|
}
|
|
|
|
Template.args = {
|
|
loadingText: 'loading',
|
|
isLoading: false,
|
|
};
|
|
|
|
export const Example = Template.bind({});
|
|
|
|
export function IsLoading() {
|
|
return (
|
|
<LoadingButton
|
|
loadingText="loading"
|
|
isLoading
|
|
icon={Download}
|
|
data-cy="loading-button"
|
|
>
|
|
Download
|
|
</LoadingButton>
|
|
);
|
|
}
|