Scipaper/Frontend
5
0
Fork 0
Code Issues 15 Pull Requests Packages Projects Releases Wiki Activity

Input group - Add a new style

Browse Source
This commit is contained in:
“Salar 2022-08-16 13:06:20 +03:00
parent 9cdd859e76
commit ca39dc42bf
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Inputgroup.tsx
View File

@ -14,7 +14,7 @@ export type Props = {
children?: React.ReactNode | React.ReactNode[]; children?: React.ReactNode | React.ReactNode[];
} & React.HTMLProps<HTMLDivElement>; } & React.HTMLProps<HTMLDivElement>;
const Inputgroup = ({ children }: Props) => { const Inputgroup = ({ children, className }: Props) => {
const [focused, setFocused] = useState(false); const [focused, setFocused] = useState(false);
useEffect(() => {}, [focused]); useEffect(() => {}, [focused]);
const arrChildren = React.Children.toArray(children); const arrChildren = React.Children.toArray(children);
@ -23,7 +23,8 @@ const Inputgroup = ({ children }: Props) => {
<div <div
className={classNames( className={classNames(
"border border-gray-200 rounded flex items-center p-1 m-4", "border border-gray-200 rounded flex items-center p-1 m-4",
focused ? "border-gray-900" : "border-gray-300" focused ? "border-gray-900" : "border-gray-300",
className
)} )}
> >
{arrChildren.map((e) => { {arrChildren.map((e) => {