aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/labelled-field.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/molecules/forms/labelled-field.tsx')
-rw-r--r--src/components/molecules/forms/labelled-field.tsx49
1 files changed, 0 insertions, 49 deletions
diff --git a/src/components/molecules/forms/labelled-field.tsx b/src/components/molecules/forms/labelled-field.tsx
deleted file mode 100644
index fca1c54..0000000
--- a/src/components/molecules/forms/labelled-field.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { forwardRef, ForwardRefRenderFunction } from 'react';
-import { Field, type FieldProps, Label } from '../../atoms';
-import styles from './labelled-field.module.scss';
-
-export type LabelledFieldProps = FieldProps & {
- /**
- * Visually hide the field label. Default: false.
- */
- hideLabel?: boolean;
- /**
- * The field label.
- */
- label: string;
- /**
- * The label position. Default: top.
- */
- labelPosition?: 'left' | 'top';
-};
-
-const LabelledFieldWithRef: ForwardRefRenderFunction<
- HTMLInputElement,
- LabelledFieldProps
-> = (
- { hideLabel = false, id, label, labelPosition = 'top', required, ...props },
- ref
-) => {
- const positionModifier = `label--${labelPosition}`;
- const visibilityClass = hideLabel ? 'screen-reader-text' : '';
-
- return (
- <>
- <Label
- htmlFor={id}
- required={required}
- className={`${visibilityClass} ${styles[positionModifier]}`}
- >
- {label}
- </Label>
- <Field id={id} ref={ref} required={required} {...props} />
- </>
- );
-};
-
-/**
- * LabelledField component
- *
- * Render a field tied to a label.
- */
-export const LabelledField = forwardRef(LabelledFieldWithRef);