(react) add textItems to Field

This allow to add bullet points lists below inputs, the best example
is when we want to list multiple errors from form validation.

Fixes #147
This commit is contained in:
Nathan Vasse
2023-08-29 17:37:06 +02:00
committed by NathanVss
parent 468c8161eb
commit b530e966ae
11 changed files with 98 additions and 9 deletions

View File

@@ -23,6 +23,7 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
checked,
label,
text,
textItems,
rightText,
state,
...props
@@ -48,7 +49,13 @@ export const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(
"c__checkbox--disabled": props.disabled,
})}
>
<Field text={text} rightText={rightText} compact={true} state={state}>
<Field
text={text}
rightText={rightText}
compact={true}
state={state}
textItems={textItems}
>
<div className="c__checkbox__container">
<div className="c__checkbox__wrapper">
<input
@@ -82,6 +89,7 @@ export const CheckboxGroup = ({
children,
state,
text,
textItems,
rightText,
}: PropsWithChildren & FieldProps) => {
return (
@@ -89,6 +97,7 @@ export const CheckboxGroup = ({
className="c__checkbox__group"
state={state}
text={text}
textItems={textItems}
rightText={rightText}
>
<div className="c__checkbox__group__list">{children}</div>