diff options
Diffstat (limited to 'uidev/src/stories/infobox.stories.tsx')
| -rw-r--r-- | uidev/src/stories/infobox.stories.tsx | 17 |
1 files changed, 9 insertions, 8 deletions
diff --git a/uidev/src/stories/infobox.stories.tsx b/uidev/src/stories/infobox.stories.tsx index 144855376..c3442da0d 100644 --- a/uidev/src/stories/infobox.stories.tsx +++ b/uidev/src/stories/infobox.stories.tsx | |||
| @@ -1,3 +1,4 @@ | |||
| 1 | import { mdiEarth } from '@mdi/js'; | ||
| 1 | import { observable } from 'mobx'; | 2 | import { observable } from 'mobx'; |
| 2 | import { observer } from 'mobx-react'; | 3 | import { observer } from 'mobx-react'; |
| 3 | import React from 'react'; | 4 | import React from 'react'; |
| @@ -44,7 +45,7 @@ storiesOf('Infobox') | |||
| 44 | .add('Icon + Dismissable', () => ( | 45 | .add('Icon + Dismissable', () => ( |
| 45 | <WithStoreInfobox | 46 | <WithStoreInfobox |
| 46 | store={createStore({ | 47 | store={createStore({ |
| 47 | icon: 'mdiEarth', | 48 | icon: mdiEarth, |
| 48 | dismissable: true, | 49 | dismissable: true, |
| 49 | })} | 50 | })} |
| 50 | > | 51 | > |
| @@ -54,7 +55,7 @@ storiesOf('Infobox') | |||
| 54 | .add('With CTA', () => ( | 55 | .add('With CTA', () => ( |
| 55 | <WithStoreInfobox | 56 | <WithStoreInfobox |
| 56 | store={createStore({ | 57 | store={createStore({ |
| 57 | icon: 'mdiEarth', | 58 | icon: mdiEarth, |
| 58 | ctaLabel: 'Ok, hi!', | 59 | ctaLabel: 'Ok, hi!', |
| 59 | })} | 60 | })} |
| 60 | > | 61 | > |
| @@ -64,7 +65,7 @@ storiesOf('Infobox') | |||
| 64 | .add('With long text', () => ( | 65 | .add('With long text', () => ( |
| 65 | <WithStoreInfobox | 66 | <WithStoreInfobox |
| 66 | store={createStore({ | 67 | store={createStore({ |
| 67 | icon: 'mdiEarth', | 68 | icon: mdiEarth, |
| 68 | ctaLabel: 'Ok, hi!', | 69 | ctaLabel: 'Ok, hi!', |
| 69 | })} | 70 | })} |
| 70 | > | 71 | > |
| @@ -74,7 +75,7 @@ storiesOf('Infobox') | |||
| 74 | .add('Secondary', () => ( | 75 | .add('Secondary', () => ( |
| 75 | <WithStoreInfobox | 76 | <WithStoreInfobox |
| 76 | store={createStore({ | 77 | store={createStore({ |
| 77 | icon: 'mdiEarth', | 78 | icon: mdiEarth, |
| 78 | ctaLabel: 'Ok, hi!', | 79 | ctaLabel: 'Ok, hi!', |
| 79 | type: 'secondary', | 80 | type: 'secondary', |
| 80 | })} | 81 | })} |
| @@ -85,7 +86,7 @@ storiesOf('Infobox') | |||
| 85 | .add('Success', () => ( | 86 | .add('Success', () => ( |
| 86 | <WithStoreInfobox | 87 | <WithStoreInfobox |
| 87 | store={createStore({ | 88 | store={createStore({ |
| 88 | icon: 'mdiEarth', | 89 | icon: mdiEarth, |
| 89 | ctaLabel: 'Ok, hi!', | 90 | ctaLabel: 'Ok, hi!', |
| 90 | type: 'success', | 91 | type: 'success', |
| 91 | })} | 92 | })} |
| @@ -96,7 +97,7 @@ storiesOf('Infobox') | |||
| 96 | .add('Warning', () => ( | 97 | .add('Warning', () => ( |
| 97 | <WithStoreInfobox | 98 | <WithStoreInfobox |
| 98 | store={createStore({ | 99 | store={createStore({ |
| 99 | icon: 'mdiEarth', | 100 | icon: mdiEarth, |
| 100 | ctaLabel: 'Ok, hi!', | 101 | ctaLabel: 'Ok, hi!', |
| 101 | type: 'warning', | 102 | type: 'warning', |
| 102 | })} | 103 | })} |
| @@ -107,7 +108,7 @@ storiesOf('Infobox') | |||
| 107 | .add('Danger', () => ( | 108 | .add('Danger', () => ( |
| 108 | <WithStoreInfobox | 109 | <WithStoreInfobox |
| 109 | store={createStore({ | 110 | store={createStore({ |
| 110 | icon: 'mdiEarth', | 111 | icon: mdiEarth, |
| 111 | ctaLabel: 'Ok, hi!', | 112 | ctaLabel: 'Ok, hi!', |
| 112 | type: 'danger', | 113 | type: 'danger', |
| 113 | })} | 114 | })} |
| @@ -118,7 +119,7 @@ storiesOf('Infobox') | |||
| 118 | .add('Inverted', () => ( | 119 | .add('Inverted', () => ( |
| 119 | <WithStoreInfobox | 120 | <WithStoreInfobox |
| 120 | store={createStore({ | 121 | store={createStore({ |
| 121 | icon: 'mdiEarth', | 122 | icon: mdiEarth, |
| 122 | ctaLabel: 'Ok, hi!', | 123 | ctaLabel: 'Ok, hi!', |
| 123 | type: 'inverted', | 124 | type: 'inverted', |
| 124 | })} | 125 | })} |