Merge pull request #511 from department-of-veterans-affairs/feature/4…

…28-CheckboxGroupStorybook [Feature] Checkbox group Storybook
department-of-veterans-affairs · Oct 2, 2024 · 589e4d9 · 589e4d9
2 parents 21478cd + e65a646
commit 589e4d9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 34 deletions.
diff --git a/packages/components/src/components/Checkbox/Checkbox.stories.tsx b/packages/components/src/components/Checkbox/Checkbox.stories.tsx
@@ -10,24 +10,18 @@ const meta: Meta<CheckboxProps> = {
   component: Checkbox,
   decorators: [
     (Story) => (
-      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: 'center',
+          alignItems: 'center',
+          margin: 8,
+        }}>
         {Story()}
       </View>
     ),
   ],
   parameters: {
-    design: [
-      {
-        name: 'Figma component overview',
-        type: 'figma',
-        url: 'https://www.figma.com/design/mAMh8vyVgsevAOungfvGN6/%5BNEW%5D-Checkbox---%23427?node-id=1509-5372&t=eTj3nXLA5XBywjl0-4',
-      },
-      {
-        name: 'Figma examples',
-        type: 'figma',
-        url: 'https://www.figma.com/design/mAMh8vyVgsevAOungfvGN6/%5BNEW%5D-Checkbox---%23427?node-id=1509-5373&t=bI5ocY9b39t81dX4-4',
-      },
-    ],
     docs: generateDocs({
       name: 'Checkbox',
       docUrl:

diff --git a/packages/components/src/components/CheckboxGroup/CheckboxGroup.stories.tsx b/packages/components/src/components/CheckboxGroup/CheckboxGroup.stories.tsx
@@ -10,24 +10,18 @@ const meta: Meta<CheckboxGroupProps> = {
   component: CheckboxGroup,
   decorators: [
     (Story) => (
-      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+      <View
+        style={{
+          flex: 1,
+          justifyContent: 'center',
+          alignItems: 'center',
+          margin: 8,
+        }}>
         {Story()}
       </View>
     ),
   ],
   parameters: {
-    design: [
-      {
-        name: 'Figma component overview',
-        type: 'figma',
-        url: 'https://www.figma.com/design/mAMh8vyVgsevAOungfvGN6/%5BNEW%5D-Checkbox---%23427?node-id=1509-5372&t=eTj3nXLA5XBywjl0-4',
-      },
-      {
-        name: 'Figma examples',
-        type: 'figma',
-        url: 'https://www.figma.com/design/mAMh8vyVgsevAOungfvGN6/%5BNEW%5D-Checkbox---%23427?node-id=1509-5373&t=bI5ocY9b39t81dX4-4',
-      },
-    ],
     docs: generateDocs({
       name: 'Checkbox group',
       docUrl:
@@ -72,14 +66,7 @@ const items = [
   { text: 'Option 6' },
 ]
 
-const simpleItems = [
-  'Option 1',
-  'Option 2',
-  'Option 3',
-  'Option 4',
-  'Option 5',
-  'Option 6',
-]
+const simpleItems = ['Option 1', 'Option 2', 'Option 3', 'Option 4']
 
 const header = 'Header'
 const hint = { text: 'Hint text', a11yLabel: 'Accessibility override for hint' }