@patternfly/react-core
Version:
This library provides a set of common React components for use with the PatternFly reference implementation.
51 lines • 2.64 kB
TypeScript
/// <reference types="react" />
export interface LoginFormProps extends Omit<React.HTMLProps<HTMLFormElement>, 'ref'> {
/** Flag to indicate if the first dropdown item should not gain initial focus */
noAutoFocus?: boolean;
/** Additional classes added to the login main body's form */
className?: string;
/** Flag indicating the helper text is visible * */
showHelperText?: boolean;
/** Content displayed in the helper text component * */
helperText?: React.ReactNode;
/** Icon displayed to the left in the helper text */
helperTextIcon?: React.ReactNode;
/** Label for the username input field */
usernameLabel?: string;
/** Value for the username */
usernameValue?: string;
/** Function that handles the onChange event for the username */
onChangeUsername?: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
/** Flag indicating if the username is valid */
isValidUsername?: boolean;
/** Flag indicating if password is required */
isPasswordRequired?: boolean;
/** Label for the password input field */
passwordLabel?: string;
/** Value for the password */
passwordValue?: string;
/** Function that handles the onChange event for the password */
onChangePassword?: (event: React.FormEvent<HTMLInputElement>, value: string) => void;
/** Flag indicating if the password is valid */
isValidPassword?: boolean;
/** Flag indicating if the user can toggle hiding the password */
isShowPasswordEnabled?: boolean;
/** Accessible label for the show password button */
showPasswordAriaLabel?: string;
/** Accessible label for the hide password button */
hidePasswordAriaLabel?: string;
/** Label for the log in button input */
loginButtonLabel?: string;
/** Flag indicating if the login button is disabled */
isLoginButtonDisabled?: boolean;
/** Function that is called when the login button is clicked */
onLoginButtonClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
/** Label for the remember me checkbox that indicates the user should be kept logged in. If the label is not provided, the checkbox will not show. */
rememberMeLabel?: string;
/** Flag indicating if the remember me checkbox is checked. */
isRememberMeChecked?: boolean;
/** Function that handles the onChange event for the remember me checkbox */
onChangeRememberMe?: (event: React.FormEvent<HTMLInputElement>, checked: boolean) => void;
}
export declare const LoginForm: React.FunctionComponent<LoginFormProps>;
//# sourceMappingURL=LoginForm.d.ts.map