mirror of
https://github.com/portainer/portainer.git
synced 2025-07-24 15:59:41 +02:00
feat(system/upgrade): add get license dialog [EE-4743] (#8249)
This commit is contained in:
parent
5942f4ff58
commit
406ff8812c
12 changed files with 369 additions and 25 deletions
43
app/react/components/Alert/Alert.stories.tsx
Normal file
43
app/react/components/Alert/Alert.stories.tsx
Normal file
|
@ -0,0 +1,43 @@
|
|||
import { Meta, Story } from '@storybook/react';
|
||||
|
||||
import { Alert } from './Alert';
|
||||
|
||||
export default {
|
||||
component: Alert,
|
||||
title: 'Components/Alert',
|
||||
} as Meta;
|
||||
|
||||
interface Args {
|
||||
color: 'success' | 'error' | 'info';
|
||||
title: string;
|
||||
text: string;
|
||||
}
|
||||
|
||||
function Template({ text, color, title }: Args) {
|
||||
return (
|
||||
<Alert color={color} title={title}>
|
||||
{text}
|
||||
</Alert>
|
||||
);
|
||||
}
|
||||
|
||||
export const Success: Story<Args> = Template.bind({});
|
||||
Success.args = {
|
||||
color: 'success',
|
||||
title: 'Success',
|
||||
text: 'This is a success alert. Very long text, Very long text,Very long text ,Very long text ,Very long text, Very long text',
|
||||
};
|
||||
|
||||
export const Error: Story<Args> = Template.bind({});
|
||||
Error.args = {
|
||||
color: 'error',
|
||||
title: 'Error',
|
||||
text: 'This is an error alert',
|
||||
};
|
||||
|
||||
export const Info: Story<Args> = Template.bind({});
|
||||
Info.args = {
|
||||
color: 'info',
|
||||
title: 'Info',
|
||||
text: 'This is an info alert',
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue