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: Enable mdx imports in stories (#19937)

Browse Source
This commit is contained in:
Dominik Prokop 2019-10-22 09:05:14 +02:00 committed by GitHub
parent 80a6853fd4
commit 2a8762f6a3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/grafana-ui/.storybook/webpack.config.js
View File

@ -73,7 +73,7 @@ module.exports = ({ config, mode }) => {
],
});
config.resolve.extensions.push('.ts', '.tsx');
config.resolve.extensions.push('.ts', '.tsx', '.mdx');
config.stats = {
warningsFilter: /export .* was not found in/,
};

3
packages/grafana-ui/src/components/Switch/Switch.mdx Normal file
View File

@ -0,0 +1,3 @@
# Switch
A basic docs for Switch component

6
packages/grafana-ui/src/components/Switch/Switch.story.tsx
View File

@ -1,14 +1,16 @@
import React, { useState } from 'react';
// import { storiesOf } from '@storybook/react';
// import { withCenteredStory } from '../../utils/storybook/withCenteredStory';
import { Switch } from './Switch';
import { text } from '@storybook/addon-knobs';
import mdx from './Switch.mdx';
const getStory = (title: string, component: any) => ({
title,
parameters: {
component,
docs: {
page: mdx,
},
},
});

4
packages/grafana-ui/src/types/mdx.d.ts vendored Normal file
View File

@ -0,0 +1,4 @@
declare module '*.mdx' {
let MDXComponent: (props: any) => JSX.Element;
export default MDXComponent;
}