From 5c75a302c2203cb3ebf31233121026b4775662cf Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Fri, 8 Apr 2022 19:32:58 +0200
Subject: chore(icons): accept a classname as prop

---
 src/components/atoms/icons/arrow.stories.tsx | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

(limited to 'src/components/atoms/icons/arrow.stories.tsx')

diff --git a/src/components/atoms/icons/arrow.stories.tsx b/src/components/atoms/icons/arrow.stories.tsx
index 52b5126..96ce1d8 100644
--- a/src/components/atoms/icons/arrow.stories.tsx
+++ b/src/components/atoms/icons/arrow.stories.tsx
@@ -5,15 +5,25 @@ export default {
   title: 'Atoms/Icons',
   component: ArrowIcon,
   argTypes: {
+    className: {
+      control: {
+        type: 'text',
+      },
+      description: 'Set additional classnames.',
+      table: {
+        category: 'Styles',
+      },
+      type: {
+        name: 'string',
+        required: false,
+      },
+    },
     direction: {
       control: {
         type: 'select',
       },
       description: 'An arrow icon.',
       options: ['bottom', 'left', 'right', 'top'],
-      table: {
-        defaultValue: { summary: 'right' },
-      },
       type: {
         name: 'string',
         required: false,
@@ -27,3 +37,6 @@ const Template: ComponentStory<typeof ArrowIcon> = (args) => (
 );
 
 export const Arrow = Template.bind({});
+Arrow.args = {
+  direction: 'right',
+};
-- 
cgit v1.2.3

