feat(core-components-input): add addons classname

core-ds · Oct 16, 2020 · 9f40cdc · 9f40cdc
1 parent 707cd54
commit 9f40cdc
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/packages/input/src/Component.test.tsx b/packages/input/src/Component.test.tsx
@@ -65,6 +65,19 @@ describe('Input', () => {
             expect(container.getElementsByClassName(className).length).toBe(1);
         });
 
+        it('should set `addonsClassName` class to addons', () => {
+            const className = 'test-class';
+            const { container } = render(
+                <Input
+                    addonsClassName={className}
+                    leftAddons={<div>Left addons</div>}
+                    rightAddons={<div>Right addons</div>}
+                />,
+            );
+
+            expect(container.getElementsByClassName(className).length).toBe(2);
+        });
+
         it('should set `hasLabel` class', () => {
             const dataTestId = 'test-id';
             const { getByTestId } = render(<Input label='label' dataTestId={dataTestId} />);

diff --git a/packages/input/src/Component.tsx b/packages/input/src/Component.tsx
@@ -100,6 +100,11 @@ export type InputProps = Omit<
      */
     labelClassName?: string;
 
+    /**
+     * Дополнительный класс для аддонов
+     */
+    addonsClassName?: string;
+
     /**
      * Класс, который будет установлен при фокусе
      */
@@ -141,6 +146,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
             hint,
             inputClassName,
             labelClassName,
+            addonsClassName,
             focusedClassName,
             filledClassName,
             label,
@@ -278,6 +284,7 @@ export const Input = React.forwardRef<HTMLInputElement, InputProps>(
                     },
                 )}
                 labelClassName={labelClassName}
+                addonsClassName={addonsClassName}
                 size={size}
                 block={block}
                 disabled={disabled}