infinity-ui-elements
Version:
A React TypeScript component library with Tailwind CSS design system
58 lines • 1.44 kB
TypeScript
import * as React from "react";
export interface FormHeaderProps {
/**
* The label text to display
*/
label: string;
/**
* Size variant that affects text size, icon size, and spacing
*/
size?: "small" | "medium" | "large";
/**
* Whether to show "(optional)" text after the label
*/
isOptional?: boolean;
/**
* Whether to show "*" (required indicator) after the label
*/
isRequired?: boolean;
/**
* Tooltip heading text
*/
infoHeading?: string;
/**
* Tooltip description text - if provided, shows the info icon
*/
infoDescription?: string;
/**
* Link text to display on the right side
*/
linkText?: string;
/**
* Link href or onClick handler
*/
linkHref?: string;
/**
* Link click handler
*/
onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
/**
* HTML for attribute to associate with form input
*/
htmlFor?: string;
/**
* Custom class name for the container
*/
className?: string;
/**
* Custom class name for the label
*/
labelClassName?: string;
/**
* Custom class name for the link
*/
linkClassName?: string;
}
declare const FormHeader: React.ForwardRefExoticComponent<FormHeaderProps & React.RefAttributes<HTMLDivElement>>;
export { FormHeader };
//# sourceMappingURL=FormHeader.d.ts.map