LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(dashboard-v2): fix TextField customization via className

This commit is contained in:
Michał Leszczyk 2022-03-24 10:33:09 +01:00
parent 60c2d35eb9
commit 340fe5f203
No known key found for this signature in database
GPG Key ID: FA123CA8BAA2FBF4
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/dashboard-v2/src/components/Form/TextField.js
View File

@ -2,7 +2,7 @@ import PropTypes from "prop-types";
import cn from "classnames"; import cn from "classnames";
import { Field } from "formik"; import { Field } from "formik";
export const TextField = ({ id, label, name, error, touched, ...props }) => { export const TextField = ({ id, label, name, error, touched, className, ...props }) => {
return ( return (
<div className="flex flex-col w-full gap-1"> <div className="flex flex-col w-full gap-1">
{label && ( {label && (
@ -13,7 +13,7 @@ export const TextField = ({ id, label, name, error, touched, ...props }) => {
<Field <Field
id={id} id={id}
name={name} name={name}
className={cn("w-full py-2 px-4 bg-palette-100 rounded-sm placeholder:text-palette-200 outline-1", { className={cn("w-full py-2 px-4 bg-palette-100 rounded-sm placeholder:text-palette-200 outline-1", className, {
"focus:outline outline-palette-200": !error || !touched, "focus:outline outline-palette-200": !error || !touched,
"outline outline-error": touched && error, "outline outline-error": touched && error,
})} })}