diff options
Diffstat (limited to 'src/components/atoms/forms/label.tsx')
| -rw-r--r-- | src/components/atoms/forms/label.tsx | 40 |
1 files changed, 0 insertions, 40 deletions
diff --git a/src/components/atoms/forms/label.tsx b/src/components/atoms/forms/label.tsx deleted file mode 100644 index 6764579..0000000 --- a/src/components/atoms/forms/label.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { FC, LabelHTMLAttributes, ReactNode } from 'react'; -import styles from './label.module.scss'; - -export type LabelProps = LabelHTMLAttributes<HTMLLabelElement> & { - /** - * The label body. - */ - children: ReactNode; - /** - * Is the field required? Default: false. - */ - required?: boolean; - /** - * The label size. Default: small. - */ - size?: 'medium' | 'small'; -}; - -/** - * Label Component - * - * Render a HTML label element. - */ -export const Label: FC<LabelProps> = ({ - children, - className = '', - required = false, - size = 'small', - ...props -}) => { - const sizeClass = styles[`label--${size}`]; - const labelClass = `${styles.label} ${sizeClass} ${className}`; - - return ( - <label {...props} className={labelClass}> - {children} - {required && <span className={styles.required}> *</span>} - </label> - ); -}; |
