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 (
+
+
+ Import |
+ Example |
+
+ {components}
+
+ )
+})
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'],
}