Files
the-biergarten-app/components/ui/forms/FormLabel.tsx
2023-01-28 21:05:20 -05:00

22 lines
440 B
TypeScript

import { FunctionComponent } from 'react';
interface FormLabelProps {
htmlFor: string;
children: string;
}
/**
* @example
* <FormLabel htmlFor="name">Name</FormLabel>;
*/
const FormLabel: FunctionComponent<FormLabelProps> = ({ htmlFor, children }) => (
<label
className="my-1 block text-sm font-extrabold uppercase tracking-wide sm:text-xs"
htmlFor={htmlFor}
>
{children}
</label>
);
export default FormLabel;