Extend Textarea with required prop

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.170",
+  "version": "1.0.171",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {

src/Components/Divider/__snapshots__/Divider.test.tsx.snap

@@ -5,6 +5,19 @@ exports[`Divider component > renders correctly - snapshot test 1`] = `
   <div
     class="yl-mx-auto yl-flex yl-justify-center yl-gap-1"
     data-testid="divider"
-  />
+  >
+    <div
+      class="yl-block yl-h-[2px] yl-w-28 yl-bg-primary-text-color"
+      data-testid="divider-child-0"
+    />
+    <div
+      class="yl-block yl-h-[2px] yl-w-28 yl-bg-primary-text-color"
+      data-testid="divider-child-1"
+    />
+    <div
+      class="yl-block yl-h-[2px] yl-w-28 yl-bg-primary-text-color"
+      data-testid="divider-child-2"
+    />
+  </div>
 </DocumentFragment>
 `;

src/Components/Inputs/Textarea/Textarea.stories.tsx

@@ -20,6 +20,7 @@ export const Default: Story = {
     name: "username",
     label: "Username",
     value: "John Doe",
-    onChange: (e: Record<string, string>) => console.log(e)
+    onChange: (e: Record<string, string>) => console.log(e),
+    required: true
   }
 };

src/Components/Inputs/Textarea/types.ts

@@ -13,4 +13,5 @@ export interface ITextareaProps {
   inputWrapperClassName?: string;
   max?: number;
   min?: number;
+  required?: boolean;
 }