IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Storybook: Add controls to LoadingPlaceholder story (#54939)

Browse Source
This commit is contained in:
Tima Gixe 2022-09-09 13:35:41 +03:00 committed by GitHub
parent 76f0037654
commit 6b2ff6f25b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/grafana-ui/src/components/LoadingPlaceholder/LoadingPlaceholder.story.tsx
View File

@ -3,7 +3,7 @@ import React from 'react';
import { withCenteredStory } from '../../utils/storybook/withCenteredStory'; import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
import { LoadingPlaceholder } from './LoadingPlaceholder'; import { LoadingPlaceholder, LoadingPlaceholderProps } from './LoadingPlaceholder';
import mdx from './LoadingPlaceholder.mdx'; import mdx from './LoadingPlaceholder.mdx';
const meta: ComponentMeta<typeof LoadingPlaceholder> = { const meta: ComponentMeta<typeof LoadingPlaceholder> = {
@ -15,10 +15,19 @@ const meta: ComponentMeta<typeof LoadingPlaceholder> = {
page: mdx, page: mdx,
}, },
}, },
argTypes: {
text: {
control: { type: 'text' },
},
},
}; };
export const basic: ComponentStory<typeof LoadingPlaceholder> = () => { export const Basic: ComponentStory<typeof LoadingPlaceholder> = (args: LoadingPlaceholderProps) => {
return <LoadingPlaceholder text="Loading..." />; return <LoadingPlaceholder {...args} />;
};
Basic.args = {
text: 'Loading...',
}; };
export default meta; export default meta;