diff --git a/packages/icons/stories/icons.stories.js b/packages/icons/stories/icons.stories.js new file mode 100644 index 0000000000..f72635d6e0 --- /dev/null +++ b/packages/icons/stories/icons.stories.js @@ -0,0 +1,29 @@ +import React from 'react' +import { storiesOf } from '@storybook/react' +import * as icons from '../build' + +storiesOf('Icons', module).add('List of all icons', () => { + const exported = Object.entries(icons) + const components = exported.map(([name, Icon]) => { + const importStatement = `import { ${name} } from '@dhis2/ui'` + + return ( + + {importStatement} + + + + + ) + }) + + return ( + + + + + + {components} +
ImportExample
+ ) +}) diff --git a/storybook/.storybook/main.js b/storybook/.storybook/main.js index e9dae0392e..6573f4f20f 100644 --- a/storybook/.storybook/main.js +++ b/storybook/.storybook/main.js @@ -10,6 +10,8 @@ module.exports = { // add our src folders for webpack loaders src.include.push(/packages\/core\/src/) src.include.push(/packages\/forms\/src/) + src.include.push(/packages\/icons\/build/) + src.include.push(/packages\/icons\/stories/) src.include.push(/packages\/widgets\/src/) } } @@ -19,18 +21,16 @@ module.exports = { stories: isTesting ? [ - '@dhis2/ui-core/src/**/*.stories.e2e.js', - '@dhis2/ui-forms/src/**/*.stories.e2e.js', - '@dhis2/ui-widgets/src/**/*.stories.e2e.js', - ] + '@dhis2/ui-core/src/**/*.stories.e2e.js', + '@dhis2/ui-forms/src/**/*.stories.e2e.js', + '@dhis2/ui-widgets/src/**/*.stories.e2e.js', + ] : [ - '@dhis2/ui-core/src/**/*.stories.js', - '@dhis2/ui-forms/src/**/*.stories.js', - '@dhis2/ui-widgets/src/**/*.stories.js', - ], + '@dhis2/ui-core/src/**/*.stories.js', + '@dhis2/ui-forms/src/**/*.stories.js', + '@dhis2/ui-widgets/src/**/*.stories.js', + '@dhis2/ui-icons/stories/**/*.stories.js', + ], - addons: [ - '@storybook/preset-create-react-app', - 'storybook-addon-jsx' - ], + addons: ['@storybook/preset-create-react-app', 'storybook-addon-jsx'], }