Merge pull request #591 from catho/QTM-784

docs(Alert.mdx): Removing onClose from component usage examples and a…
catho · Oct 11, 2024 · 98b46f8 · 98b46f8
2 parents 160f344 + cce1c3d
commit 98b46f8
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/stories/Alert/Alert.mdx b/stories/Alert/Alert.mdx
@@ -9,7 +9,8 @@ import {
   Primary,
   Success,
   Error,
-  WithIcon
+  WithIcon,
+  WithClose
 } from './Alert.stories.jsx';
 
 import EvaluationForm from '../../stories/shared/EvaluationForm'
@@ -65,4 +66,10 @@ import Alert from '@catho/quantum/Alert';
   <Story of={WithIcon} />
 </Canvas>
 
+### With Close
+
+<Canvas>
+  <Story of={WithClose} />
+</Canvas>
+
 <EvaluationForm componentName="Alert" />
diff --git a/stories/Alert/Alert.stories.jsx b/stories/Alert/Alert.stories.jsx
@@ -16,11 +16,7 @@ const sampleChildren = (
   </span>
 );
 
-const Template = (args) => (
-  <Alert onClose={() => {}} {...args}>
-    {sampleChildren}
-  </Alert>
-);
+const Template = (args) => <Alert {...args}>{sampleChildren}</Alert>;
 
 export const Default = Template.bind({});
 
@@ -44,3 +40,9 @@ WithIcon.args = {
   skin: 'primary',
   icon: 'info',
 };
+
+export const WithClose = Template.bind({});
+WithClose.args = {
+  skin: 'primary',
+  onClose: () => {},
+};