fix: add className to Input

salte-io · Aug 20, 2021 · 0a6f276 · 0a6f276
1 parent 27602ad
commit 0a6f276
Show file tree

Hide file tree

Showing 12 changed files with 10 additions and 7 deletions.
diff --git a/stories/actions.scss → stories/Actions.scss b/stories/actions.scss → stories/Actions.scss
diff --git a/stories/Actions.tsx b/stories/Actions.tsx
@@ -1,6 +1,6 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 
-import styles from './actions.scss';
+import styles from './Actions.scss';
 
 export interface ActionsProps {
   primary?: ReactNode;

diff --git a/stories/button.scss → stories/Button.scss b/stories/button.scss → stories/Button.scss
diff --git a/stories/Button.tsx b/stories/Button.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import React, { Component, FunctionComponent, ReactNode } from 'react';
-import styles from './button.scss';
+import styles from './Button.scss';
 import { Theme } from './constants';
 import { Spinner } from './Spinner';
 

diff --git a/stories/card.scss → stories/Card.scss b/stories/card.scss → stories/Card.scss
diff --git a/stories/Card.tsx b/stories/Card.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import React, { FunctionComponent, ReactNode } from 'react';
-import styles from './card.scss';
+import styles from './Card.scss';
 import { Layout } from './constants';
 import { Grid } from './Grid';
 

diff --git a/stories/checkbox.scss → stories/Checkbox.scss b/stories/checkbox.scss → stories/Checkbox.scss
diff --git a/stories/Checkbox.tsx b/stories/Checkbox.tsx
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import React, { FunctionComponent, useEffect, useState } from 'react';
-import styles from './checkbox.scss';
+import styles from './Checkbox.scss';
 
 export interface CheckboxProps {
   /**

diff --git a/stories/icon.scss → stories/Icon.scss b/stories/icon.scss → stories/Icon.scss
diff --git a/stories/Icon.tsx b/stories/Icon.tsx
@@ -2,7 +2,7 @@ import React, { FunctionComponent } from 'react';
 import { FaFacebookF, FaTwitter, FaShare, FaHeart } from 'react-icons/fa';
 import { GoPlus } from 'react-icons/go';
 import { MdDelete } from 'react-icons/md';
-import styles from './icon.scss';
+import styles from './Icon.scss';
 
 export const ICON_MAP = {
   plus: GoPlus,

diff --git a/stories/input.scss → stories/Input.scss b/stories/input.scss → stories/Input.scss
diff --git a/stories/Input.tsx b/stories/Input.tsx
@@ -1,8 +1,9 @@
 import classNames from 'classnames';
 import React, { ChangeEventHandler, FunctionComponent, useEffect, useState } from 'react';
-import styles from './input.scss';
+import styles from './Input.scss';
 
 export interface InputProps {
+  className?: string,
   value?: string;
   placeholder?: string;
 
@@ -13,6 +14,7 @@ export interface InputProps {
 }
 
 export const Input: FunctionComponent<InputProps> = ({
+  className,
   value,
   placeholder,
   onChange,
@@ -31,7 +33,8 @@ export const Input: FunctionComponent<InputProps> = ({
   return (
     <div
       className={classNames(
-        styles.input
+        styles.input,
+        className,
       )}
     >
       <input