stories: checkbox story to verify no margin without label

Zonos · May 23, 2024 · ef7f3c1 · ef7f3c1
1 parent ff18856
commit ef7f3c1
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/src/components/checkbox/__stories__/Checkbox.stories.tsx b/src/components/checkbox/__stories__/Checkbox.stories.tsx
@@ -3,6 +3,8 @@ import { useState } from 'react';
 import type { Meta, StoryFn, StoryObj } from '@storybook/react';
 
 import { type CheckboxProps, Checkbox } from 'src/components/checkbox/Checkbox';
+import { Flex } from 'src/components/flex/Flex';
+import { Text } from 'src/components/text/Text';
 import { Default } from 'src/icons/flags/Default';
 
 import styles from './Checkbox.stories.module.scss';
@@ -13,11 +15,14 @@ const Template: StoryFn<CheckboxProps> = ({
 }: CheckboxProps) => {
   const [isChecked, setIsChecked] = useState(checked);
   return (
-    <Checkbox
-      {...props}
-      checked={isChecked}
-      onChange={() => setIsChecked(!isChecked)}
-    />
+    <Flex>
+      <Checkbox
+        {...props}
+        checked={isChecked}
+        onChange={() => setIsChecked(!isChecked)}
+      />
+      <Text>Some text</Text>
+    </Flex>
   );
 };
 
@@ -33,7 +38,6 @@ const CheckboxMeta: Meta<CheckboxProps> = {
 };
 
 export default CheckboxMeta;
-
 export const BasicCheckbox: StoryObj<CheckboxProps> = {
   args: {
     icon: <Default height={12} width={16} />,
@@ -42,6 +46,10 @@ export const BasicCheckbox: StoryObj<CheckboxProps> = {
   },
 };
 
+export const NoLabel: StoryObj<CheckboxProps> = {
+  args: {},
+};
+
 export const DisabledBasicCheckbox: StoryObj<CheckboxProps> = {
   args: {
     disabled: true,