groovinads-ui 1.2.55 → 1.2.58

package/src/stories/InputChip.stories.jsx

@@ -0,0 +1,46 @@
+import React, { useState } from 'react';
+import InputChip from '../components/Inputs/InputChip';
+
+export default {
+    title: 'Inputs/InputChip',
+    component: InputChip,
+};
+
+const Template = (args) => {
+    const  [ keywordsList, setKeywordsList] = useState(['(0)keyword1', '(0)keyword2', '(0)keyword3']);
+    const nonRecomendedKeywords = ['keyword4', 'keyword5'];
+
+    const [ keywordList2, setKeywordsList2] = useState([]);
+
+    return (
+        <>
+            {/* HAY KEYWORDS */}
+            <InputChip
+                {...args}
+                className={'mb-3'}
+                placeholder={'Add keywords…'}
+                keywordsList={keywordsList}
+                setKeywordsList={setKeywordsList}
+                nonRecomendedKeywords={nonRecomendedKeywords}
+                maxKeywordLength={10}
+                recomendedKeywords={5}
+                requiredText='You can only add up to 15 keywords.'
+                maxKeywords={15}
+                counter={true}
+            />
+
+            {/* NO HAY KEYWORDS */}
+            <InputChip
+                placeholder={'Add keywords…'}
+                keywordsList={keywordList2}
+                setKeywordsList={setKeywordsList2}
+                nonRecomendedKeywords={nonRecomendedKeywords}
+                maxKeywordLength={10}
+                maxKeywords={15}
+                requiredText='You can only add up to 15 keywords.'     
+                counter={true}       
+            />
+        </>
+    );
+}
+export const Default = Template.bind({});

package/src/stories/PillComponent.stories.jsx

@@ -6,6 +6,9 @@ export default {
   component: PillComponent,
 };
 
-const Template = (args) => <PillComponent {...args}>Pill component</PillComponent>;
+const Template = (args) => {
+  <PillComponent {...args} />
+  
+};
 
 export const Default = Template.bind({});