@yamada-ui/password-input
Version:
Yamada UI password input component
35 lines (32 loc) • 1.06 kB
TypeScript
import * as _yamada_ui_core from '@yamada-ui/core';
import { HTMLUIProps } from '@yamada-ui/core';
import { ReactNode } from 'react';
interface StrengthMeterIndicatorProps extends HTMLUIProps {
label?: ReactNode;
}
interface PasswordInputStrengthMeterOptions {
/**
* The value of the password strength meter.
*/
value: number;
/**
* The maximum value of the password strength meter.
*
* @default 4
*/
max?: number;
/**
* If `true`, the password strength meter will display the label.
*
* @default true
*/
withLabel?: boolean;
/**
* The props of the password strength meter indicator.
*/
getStrengthMeterIndicatorProps?: (percent: number) => StrengthMeterIndicatorProps;
}
interface PasswordInputStrengthMeterProps extends HTMLUIProps, PasswordInputStrengthMeterOptions {
}
declare const PasswordInputStrengthMeter: _yamada_ui_core.Component<"div", PasswordInputStrengthMeterProps>;
export { PasswordInputStrengthMeter, type PasswordInputStrengthMeterProps };