@loke/design-system
Version:
A design system with individually importable components
24 lines (23 loc) • 1.22 kB
TypeScript
import type { LabelProps } from "@loke/ui/label";
import * as LabelPrimitive from "@loke/ui/label";
/**
* Label component for form labels
*
* The Label component provides a consistent and accessible way to label form inputs. It's designed to work seamlessly with other form components while allowing for easy customization.
*
* Key features:
* - Consistent styling with other form components
* - Customizable appearance through className prop
* - Proper semantic HTML using the <label> element
* - Supports all standard label attributes
*
* Usage considerations:
* - Always associate labels with their corresponding form inputs using the 'htmlFor' attribute
* - Use clear and concise text for labels to improve form usability
* - Consider the visual hierarchy of your form when styling labels
* - Ensure sufficient color contrast between the label text and background
* - Use labels consistently across your application for a cohesive user experience
*/
declare const Label: import("react").ForwardRefExoticComponent<Omit<LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
export { Label, LabelPrimitive };
export type { LabelProps };