File tree 2 files changed +15
-6
lines changed
2 files changed +15
-6
lines changed Original file line number Diff line number Diff line change 9
9
Primary ,
10
10
Success ,
11
11
Error ,
12
- WithIcon
12
+ WithIcon ,
13
+ WithClose
13
14
} from ' ./Alert.stories.jsx' ;
14
15
15
16
import EvaluationForm from ' ../../stories/shared/EvaluationForm'
@@ -65,4 +66,10 @@ import Alert from '@catho/quantum/Alert';
65
66
<Story of = { WithIcon } />
66
67
</Canvas >
67
68
69
+ ### With Close
70
+
71
+ <Canvas >
72
+ <Story of = { WithClose } />
73
+ </Canvas >
74
+
68
75
<EvaluationForm componentName = " Alert" />
Original file line number Diff line number Diff line change @@ -16,11 +16,7 @@ const sampleChildren = (
16
16
</ span >
17
17
) ;
18
18
19
- const Template = ( args ) => (
20
- < Alert onClose = { ( ) => { } } { ...args } >
21
- { sampleChildren }
22
- </ Alert >
23
- ) ;
19
+ const Template = ( args ) => < Alert { ...args } > { sampleChildren } </ Alert > ;
24
20
25
21
export const Default = Template . bind ( { } ) ;
26
22
@@ -44,3 +40,9 @@ WithIcon.args = {
44
40
skin : 'primary' ,
45
41
icon : 'info' ,
46
42
} ;
43
+
44
+ export const WithClose = Template . bind ( { } ) ;
45
+ WithClose . args = {
46
+ skin : 'primary' ,
47
+ onClose : ( ) => { } ,
48
+ } ;
You can’t perform that action at this time.
0 commit comments