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

Grafana-UI: Add story and mdx file (#27152)

Browse Source
This commit is contained in:
Alex Khomenko 2020-08-24 14:13:28 +03:00 committed by GitHub
parent f7950491a3
commit 4a6268014a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/grafana-ui/src/components/AlphaNotice/AlphaNotice.mdx Normal file
View File

@ -0,0 +1,10 @@
import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks';
import { AlphaNotice } from './AlphaNotice';
<Meta title="MDX|AlphaNotice" component={AlphaNotice} />
# AlphaNotice
Used to indicate plugin state - Alpha, Beta or Deprecated.
<Props of={AlphaNotice}/>

20
packages/grafana-ui/src/components/AlphaNotice/AlphaNotice.story.tsx Normal file
View File

@ -0,0 +1,20 @@
import React from 'react';
import { PluginState } from '@grafana/data';
import { AlphaNotice } from './AlphaNotice';
import { withCenteredStory, withHorizontallyCenteredStory } from '../../utils/storybook/withCenteredStory';
import mdx from './AlphaNotice.mdx';
export default {
title: 'Overlays/AlphaNotice',
component: AlphaNotice,
decorators: [withCenteredStory, withHorizontallyCenteredStory],
parameters: {
docs: {
page: mdx,
},
},
};
export const basic = () => {
return <AlphaNotice state={PluginState.alpha} text="This is an alpha feature" />;
};

2
packages/grafana-ui/src/components/AlphaNotice/AlphaNotice.tsx
View File

@ -4,7 +4,7 @@ import { ThemeContext } from '../../index';
import { PluginState } from '@grafana/data';
import { Icon } from '../Icon/Icon';
interface Props {
export interface Props {
state?: PluginState;
text?: string;
className?: string;