extended-dynamic-forms
Version:
Extended React JSON Schema Form (RJSF) v6 with custom components, widgets, templates, layouts, and form events
46 lines (44 loc) • 1.26 kB
TypeScript
import { FC } from 'react';
import { WidgetProps } from '@rjsf/utils';
/**
* Password Widget with full Ant Design Input.Password support
*
* Uses Ant Design's Input.Password component which provides:
* - Password visibility toggle button
* - Secure password input
* - All standard Input properties
*
* Supports all Ant Design Input properties through uiSchema options:
* - size: 'small' | 'middle' | 'large'
* - placeholder: string
* - prefix: ReactNode
* - allowClear: boolean
* - bordered: boolean
* - maxLength: number
* - showCount: boolean
* - addonBefore: ReactNode
* - addonAfter: ReactNode
* - visibilityToggle: boolean | { visible?: boolean, onVisibleChange?: (visible: boolean) => void }
* - iconRender: (visible: boolean) => ReactNode
* - status: 'error' | 'warning'
* - style: CSSProperties
* - className: string
*
* @example
* // In uiSchema
* {
* "password": {
* "ui:widget": "password",
* "ui:options": {
* "placeholder": "Enter your password",
* "allowClear": true,
* "maxLength": 50,
* "visibilityToggle": true,
* "prefix": <LockOutlined />
* }
* }
* }
*/
declare const PasswordWidget: FC<WidgetProps>;
export default PasswordWidget;
export { PasswordWidget };