lightswind
Version:
A professionally designed component library & templates market that brings together functionality, accessibility, and beautiful aesthetics for modern applications.
46 lines (45 loc) • 1.33 kB
TypeScript
import React from "react";
export type StrengthLevel = "empty" | "weak" | "medium" | "strong" | "very-strong";
export interface PasswordStrengthIndicatorProps {
/**
* The value of the password input
*/
value: string;
/**
* Class name for the container
*/
className?: string;
/**
* Label text for the password field
*/
label?: string;
/**
* Show strength score as text
*/
showScore?: boolean;
/**
* Show strength score as number
*/
showScoreNumber?: boolean;
/**
* Function called when password changes
*/
onChange?: (value: string) => void;
/**
* Function called when strength level changes
*/
onStrengthChange?: (strength: StrengthLevel) => void;
/**
* Placeholder text for input
*/
placeholder?: string;
/**
* Show toggle for password visibility
*/
showVisibilityToggle?: boolean;
/**
* Additional props for the input element
*/
inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
}
export declare function PasswordStrengthIndicator({ value, className, label, showScore, showScoreNumber, onChange, onStrengthChange, placeholder, showVisibilityToggle, inputProps, }: PasswordStrengthIndicatorProps): import("react/jsx-runtime").JSX.Element;