Variable: defaultComponentMap
constdefaultComponentMap:object
Defined in: packages/react/src/components/index.ts:58
The default HTML-based component map used by <ZodForm> and <FieldRenderer>.
Maps component names (e.g. 'Input', 'Select', 'Checkbox') to their React implementations.
Pass a subset of this map as components to override individual components at the form level.
Type Declaration
ArrayAddButton
ArrayAddButton: (
props) =>DetailedReactHTMLElement<{about?:string;accessKey?:string;aria-activedescendant?:string;aria-atomic?:Booleanish;aria-autocomplete?:"list"|"none"|"inline"|"both";aria-braillelabel?:string;aria-brailleroledescription?:string;aria-busy?:Booleanish;aria-checked?:boolean|"true"|"false"|"mixed";aria-colcount?:number;aria-colindex?:number;aria-colindextext?:string;aria-colspan?:number;aria-controls?:string;aria-current?:boolean|"date"|"step"|"time"|"true"|"false"|"page"|"location";aria-describedby?:string;aria-description?:string;aria-details?:string;aria-disabled?:Booleanish;aria-dropeffect?:"link"|"none"|"copy"|"execute"|"move"|"popup";aria-errormessage?:string;aria-expanded?:Booleanish;aria-flowto?:string;aria-grabbed?:Booleanish;aria-haspopup?:boolean|"dialog"|"menu"|"true"|"false"|"grid"|"listbox"|"tree";aria-hidden?:Booleanish;aria-invalid?:boolean|"true"|"false"|"grammar"|"spelling";aria-keyshortcuts?:string;aria-label?:string;aria-labelledby?:string;aria-level?:number;aria-live?:"off"|"assertive"|"polite";aria-modal?:Booleanish;aria-multiline?:Booleanish;aria-multiselectable?:Booleanish;aria-orientation?:"horizontal"|"vertical";aria-owns?:string;aria-placeholder?:string;aria-posinset?:number;aria-pressed?:boolean|"true"|"false"|"mixed";aria-readonly?:Booleanish;aria-relevant?:"all"|"text"|"additions"|"additions removals"|"additions text"|"removals"|"removals additions"|"removals text"|"text additions"|"text removals";aria-required?:Booleanish;aria-roledescription?:string;aria-rowcount?:number;aria-rowindex?:number;aria-rowindextext?:string;aria-rowspan?:number;aria-selected?:Booleanish;aria-setsize?:number;aria-sort?:"none"|"ascending"|"descending"|"other";aria-valuemax?:number;aria-valuemin?:number;aria-valuenow?:number;aria-valuetext?:string;autoCapitalize?:"off"|"none"|"on"|"sentences"|"words"|"characters"|string&object;autoCorrect?:string;autoFocus?:boolean;autoSave?:string;children?:ReactNode;className?:string;color?:string;content?:string;contentEditable?:Booleanish|"inherit"|"plaintext-only";contextMenu?:string;dangerouslySetInnerHTML?: {__html:string|TrustedHTML; };datatype?:string;defaultChecked?:boolean;defaultValue?:string|number| readonlystring[];dir?:string;disabled?:boolean;draggable?:Booleanish;enterKeyHint?:"search"|"enter"|"done"|"go"|"next"|"previous"|"send";exportparts?:string;form?:string;formAction?:string| ((formData) =>void|Promise<void>);formEncType?:string;formMethod?:string;formNoValidate?:boolean;formTarget?:string;hidden?:boolean;id?:string;inert?:boolean;inlist?:any;inputMode?:"search"|"none"|"text"|"tel"|"url"|"email"|"numeric"|"decimal";is?:string;itemID?:string;itemProp?:string;itemRef?:string;itemScope?:boolean;itemType?:string;lang?:string;name?:string;nonce?:string;onAbort?:ReactEventHandler<HTMLButtonElement>;onAbortCapture?:ReactEventHandler<HTMLButtonElement>;onAnimationEnd?:AnimationEventHandler<HTMLButtonElement>;onAnimationEndCapture?:AnimationEventHandler<HTMLButtonElement>;onAnimationIteration?:AnimationEventHandler<HTMLButtonElement>;onAnimationIterationCapture?:AnimationEventHandler<HTMLButtonElement>;onAnimationStart?:AnimationEventHandler<HTMLButtonElement>;onAnimationStartCapture?:AnimationEventHandler<HTMLButtonElement>;onAuxClick?:MouseEventHandler<HTMLButtonElement>;onAuxClickCapture?:MouseEventHandler<HTMLButtonElement>;onBeforeInput?:InputEventHandler<HTMLButtonElement>;onBeforeInputCapture?:InputEventHandler<HTMLButtonElement>;onBeforeToggle?:ToggleEventHandler<HTMLButtonElement>;onBlur?:FocusEventHandler<HTMLButtonElement>;onBlurCapture?:FocusEventHandler<HTMLButtonElement>;onCanPlay?:ReactEventHandler<HTMLButtonElement>;onCanPlayCapture?:ReactEventHandler<HTMLButtonElement>;onCanPlayThrough?:ReactEventHandler<HTMLButtonElement>;onCanPlayThroughCapture?:ReactEventHandler<HTMLButtonElement>;onChange?:ChangeEventHandler<HTMLButtonElement,Element>;onChangeCapture?:ChangeEventHandler<HTMLButtonElement,Element>;onClick?:MouseEventHandler<HTMLButtonElement>;onClickCapture?:MouseEventHandler<HTMLButtonElement>;onCompositionEnd?:CompositionEventHandler<HTMLButtonElement>;onCompositionEndCapture?:CompositionEventHandler<HTMLButtonElement>;onCompositionStart?:CompositionEventHandler<HTMLButtonElement>;onCompositionStartCapture?:CompositionEventHandler<HTMLButtonElement>;onCompositionUpdate?:CompositionEventHandler<HTMLButtonElement>;onCompositionUpdateCapture?:CompositionEventHandler<HTMLButtonElement>;onContextMenu?:MouseEventHandler<HTMLButtonElement>;onContextMenuCapture?:MouseEventHandler<HTMLButtonElement>;onCopy?:ClipboardEventHandler<HTMLButtonElement>;onCopyCapture?:ClipboardEventHandler<HTMLButtonElement>;onCut?:ClipboardEventHandler<HTMLButtonElement>;onCutCapture?:ClipboardEventHandler<HTMLButtonElement>;onDoubleClick?:MouseEventHandler<HTMLButtonElement>;onDoubleClickCapture?:MouseEventHandler<HTMLButtonElement>;onDrag?:DragEventHandler<HTMLButtonElement>;onDragCapture?:DragEventHandler<HTMLButtonElement>;onDragEnd?:DragEventHandler<HTMLButtonElement>;onDragEndCapture?:DragEventHandler<HTMLButtonElement>;onDragEnter?:DragEventHandler<HTMLButtonElement>;onDragEnterCapture?:DragEventHandler<HTMLButtonElement>;onDragExit?:DragEventHandler<HTMLButtonElement>;onDragExitCapture?:DragEventHandler<HTMLButtonElement>;onDragLeave?:DragEventHandler<HTMLButtonElement>;onDragLeaveCapture?:DragEventHandler<HTMLButtonElement>;onDragOver?:DragEventHandler<HTMLButtonElement>;onDragOverCapture?:DragEventHandler<HTMLButtonElement>;onDragStart?:DragEventHandler<HTMLButtonElement>;onDragStartCapture?:DragEventHandler<HTMLButtonElement>;onDrop?:DragEventHandler<HTMLButtonElement>;onDropCapture?:DragEventHandler<HTMLButtonElement>;onDurationChange?:ReactEventHandler<HTMLButtonElement>;onDurationChangeCapture?:ReactEventHandler<HTMLButtonElement>;onEmptied?:ReactEventHandler<HTMLButtonElement>;onEmptiedCapture?:ReactEventHandler<HTMLButtonElement>;onEncrypted?:ReactEventHandler<HTMLButtonElement>;onEncryptedCapture?:ReactEventHandler<HTMLButtonElement>;onEnded?:ReactEventHandler<HTMLButtonElement>;onEndedCapture?:ReactEventHandler<HTMLButtonElement>;onError?:ReactEventHandler<HTMLButtonElement>;onErrorCapture?:ReactEventHandler<HTMLButtonElement>;onFocus?:FocusEventHandler<HTMLButtonElement>;onFocusCapture?:FocusEventHandler<HTMLButtonElement>;onGotPointerCapture?:PointerEventHandler<HTMLButtonElement>;onGotPointerCaptureCapture?:PointerEventHandler<HTMLButtonElement>;onInput?:InputEventHandler<HTMLButtonElement>;onInputCapture?:InputEventHandler<HTMLButtonElement>;onInvalid?:ReactEventHandler<HTMLButtonElement>;onInvalidCapture?:ReactEventHandler<HTMLButtonElement>;onKeyDown?:KeyboardEventHandler<HTMLButtonElement>;onKeyDownCapture?:KeyboardEventHandler<HTMLButtonElement>;onKeyPress?:KeyboardEventHandler<HTMLButtonElement>;onKeyPressCapture?:KeyboardEventHandler<HTMLButtonElement>;onKeyUp?:KeyboardEventHandler<HTMLButtonElement>;onKeyUpCapture?:KeyboardEventHandler<HTMLButtonElement>;onLoad?:ReactEventHandler<HTMLButtonElement>;onLoadCapture?:ReactEventHandler<HTMLButtonElement>;onLoadedData?:ReactEventHandler<HTMLButtonElement>;onLoadedDataCapture?:ReactEventHandler<HTMLButtonElement>;onLoadedMetadata?:ReactEventHandler<HTMLButtonElement>;onLoadedMetadataCapture?:ReactEventHandler<HTMLButtonElement>;onLoadStart?:ReactEventHandler<HTMLButtonElement>;onLoadStartCapture?:ReactEventHandler<HTMLButtonElement>;onLostPointerCapture?:PointerEventHandler<HTMLButtonElement>;onLostPointerCaptureCapture?:PointerEventHandler<HTMLButtonElement>;onMouseDown?:MouseEventHandler<HTMLButtonElement>;onMouseDownCapture?:MouseEventHandler<HTMLButtonElement>;onMouseEnter?:MouseEventHandler<HTMLButtonElement>;onMouseLeave?:MouseEventHandler<HTMLButtonElement>;onMouseMove?:MouseEventHandler<HTMLButtonElement>;onMouseMoveCapture?:MouseEventHandler<HTMLButtonElement>;onMouseOut?:MouseEventHandler<HTMLButtonElement>;onMouseOutCapture?:MouseEventHandler<HTMLButtonElement>;onMouseOver?:MouseEventHandler<HTMLButtonElement>;onMouseOverCapture?:MouseEventHandler<HTMLButtonElement>;onMouseUp?:MouseEventHandler<HTMLButtonElement>;onMouseUpCapture?:MouseEventHandler<HTMLButtonElement>;onPaste?:ClipboardEventHandler<HTMLButtonElement>;onPasteCapture?:ClipboardEventHandler<HTMLButtonElement>;onPause?:ReactEventHandler<HTMLButtonElement>;onPauseCapture?:ReactEventHandler<HTMLButtonElement>;onPlay?:ReactEventHandler<HTMLButtonElement>;onPlayCapture?:ReactEventHandler<HTMLButtonElement>;onPlaying?:ReactEventHandler<HTMLButtonElement>;onPlayingCapture?:ReactEventHandler<HTMLButtonElement>;onPointerCancel?:PointerEventHandler<HTMLButtonElement>;onPointerCancelCapture?:PointerEventHandler<HTMLButtonElement>;onPointerDown?:PointerEventHandler<HTMLButtonElement>;onPointerDownCapture?:PointerEventHandler<HTMLButtonElement>;onPointerEnter?:PointerEventHandler<HTMLButtonElement>;onPointerLeave?:PointerEventHandler<HTMLButtonElement>;onPointerMove?:PointerEventHandler<HTMLButtonElement>;onPointerMoveCapture?:PointerEventHandler<HTMLButtonElement>;onPointerOut?:PointerEventHandler<HTMLButtonElement>;onPointerOutCapture?:PointerEventHandler<HTMLButtonElement>;onPointerOver?:PointerEventHandler<HTMLButtonElement>;onPointerOverCapture?:PointerEventHandler<HTMLButtonElement>;onPointerUp?:PointerEventHandler<HTMLButtonElement>;onPointerUpCapture?:PointerEventHandler<HTMLButtonElement>;onProgress?:ReactEventHandler<HTMLButtonElement>;onProgressCapture?:ReactEventHandler<HTMLButtonElement>;onRateChange?:ReactEventHandler<HTMLButtonElement>;onRateChangeCapture?:ReactEventHandler<HTMLButtonElement>;onReset?:ReactEventHandler<HTMLButtonElement>;onResetCapture?:ReactEventHandler<HTMLButtonElement>;onScroll?:UIEventHandler<HTMLButtonElement>;onScrollCapture?:UIEventHandler<HTMLButtonElement>;onScrollEnd?:UIEventHandler<HTMLButtonElement>;onScrollEndCapture?:UIEventHandler<HTMLButtonElement>;onSeeked?:ReactEventHandler<HTMLButtonElement>;onSeekedCapture?:ReactEventHandler<HTMLButtonElement>;onSeeking?:ReactEventHandler<HTMLButtonElement>;onSeekingCapture?:ReactEventHandler<HTMLButtonElement>;onSelect?:ReactEventHandler<HTMLButtonElement>;onSelectCapture?:ReactEventHandler<HTMLButtonElement>;onStalled?:ReactEventHandler<HTMLButtonElement>;onStalledCapture?:ReactEventHandler<HTMLButtonElement>;onSubmit?:SubmitEventHandler<HTMLButtonElement>;onSubmitCapture?:SubmitEventHandler<HTMLButtonElement>;onSuspend?:ReactEventHandler<HTMLButtonElement>;onSuspendCapture?:ReactEventHandler<HTMLButtonElement>;onTimeUpdate?:ReactEventHandler<HTMLButtonElement>;onTimeUpdateCapture?:ReactEventHandler<HTMLButtonElement>;onToggle?:ToggleEventHandler<HTMLButtonElement>;onTouchCancel?:TouchEventHandler<HTMLButtonElement>;onTouchCancelCapture?:TouchEventHandler<HTMLButtonElement>;onTouchEnd?:TouchEventHandler<HTMLButtonElement>;onTouchEndCapture?:TouchEventHandler<HTMLButtonElement>;onTouchMove?:TouchEventHandler<HTMLButtonElement>;onTouchMoveCapture?:TouchEventHandler<HTMLButtonElement>;onTouchStart?:TouchEventHandler<HTMLButtonElement>;onTouchStartCapture?:TouchEventHandler<HTMLButtonElement>;onTransitionCancel?:TransitionEventHandler<HTMLButtonElement>;onTransitionCancelCapture?:TransitionEventHandler<HTMLButtonElement>;onTransitionEnd?:TransitionEventHandler<HTMLButtonElement>;onTransitionEndCapture?:TransitionEventHandler<HTMLButtonElement>;onTransitionRun?:TransitionEventHandler<HTMLButtonElement>;onTransitionRunCapture?:TransitionEventHandler<HTMLButtonElement>;onTransitionStart?:TransitionEventHandler<HTMLButtonElement>;onTransitionStartCapture?:TransitionEventHandler<HTMLButtonElement>;onVolumeChange?:ReactEventHandler<HTMLButtonElement>;onVolumeChangeCapture?:ReactEventHandler<HTMLButtonElement>;onWaiting?:ReactEventHandler<HTMLButtonElement>;onWaitingCapture?:ReactEventHandler<HTMLButtonElement>;onWheel?:WheelEventHandler<HTMLButtonElement>;onWheelCapture?:WheelEventHandler<HTMLButtonElement>;part?:string;popover?:""|"auto"|"manual"|"hint";popoverTarget?:string;popoverTargetAction?:"toggle"|"show"|"hide";prefix?:string;property?:string;radioGroup?:string;rel?:string;resource?:string;results?:number;rev?:string;role?:AriaRole;security?:string;slot?:string;spellCheck?:Booleanish;style?:CSSProperties;suppressContentEditableWarning?:boolean;suppressHydrationWarning?:boolean;tabIndex?:number;title?:string;translate?:"yes"|"no";type:string;typeof?:string;unselectable?:"off"|"on";value?:string|number| readonlystring[];vocab?:string; },HTMLElement>
Parameters
props
ButtonHTMLAttributes<HTMLButtonElement>
Returns
DetailedReactHTMLElement<{ about?: string; accessKey?: string; aria-activedescendant?: string; aria-atomic?: Booleanish; aria-autocomplete?: "list" | "none" | "inline" | "both"; aria-braillelabel?: string; aria-brailleroledescription?: string; aria-busy?: Booleanish; aria-checked?: boolean | "true" | "false" | "mixed"; aria-colcount?: number; aria-colindex?: number; aria-colindextext?: string; aria-colspan?: number; aria-controls?: string; aria-current?: boolean | "date" | "step" | "time" | "true" | "false" | "page" | "location"; aria-describedby?: string; aria-description?: string; aria-details?: string; aria-disabled?: Booleanish; aria-dropeffect?: "link" | "none" | "copy" | "execute" | "move" | "popup"; aria-errormessage?: string; aria-expanded?: Booleanish; aria-flowto?: string; aria-grabbed?: Booleanish; aria-haspopup?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"; aria-hidden?: Booleanish; aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; aria-keyshortcuts?: string; aria-label?: string; aria-labelledby?: string; aria-level?: number; aria-live?: "off" | "assertive" | "polite"; aria-modal?: Booleanish; aria-multiline?: Booleanish; aria-multiselectable?: Booleanish; aria-orientation?: "horizontal" | "vertical"; aria-owns?: string; aria-placeholder?: string; aria-posinset?: number; aria-pressed?: boolean | "true" | "false" | "mixed"; aria-readonly?: Booleanish; aria-relevant?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; aria-required?: Booleanish; aria-roledescription?: string; aria-rowcount?: number; aria-rowindex?: number; aria-rowindextext?: string; aria-rowspan?: number; aria-selected?: Booleanish; aria-setsize?: number; aria-sort?: "none" | "ascending" | "descending" | "other"; aria-valuemax?: number; aria-valuemin?: number; aria-valuenow?: number; aria-valuetext?: string; autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | string & object; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; children?: ReactNode; className?: string; color?: string; content?: string; contentEditable?: Booleanish | "inherit" | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: { __html: string | TrustedHTML; }; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; disabled?: boolean; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; form?: string; formAction?: string | ((formData) => void | Promise<void>); formEncType?: string; formMethod?: string; formNoValidate?: boolean; formTarget?: string; hidden?: boolean; id?: string; inert?: boolean; inlist?: any; inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal"; is?: string; itemID?: string; itemProp?: string; itemRef?: string; itemScope?: boolean; itemType?: string; lang?: string; name?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLButtonElement>; onAbortCapture?: ReactEventHandler<HTMLButtonElement>; onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLButtonElement>; onAnimationIteration?: AnimationEventHandler<HTMLButtonElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLButtonElement>; onAnimationStart?: AnimationEventHandler<HTMLButtonElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLButtonElement>; onAuxClick?: MouseEventHandler<HTMLButtonElement>; onAuxClickCapture?: MouseEventHandler<HTMLButtonElement>; onBeforeInput?: InputEventHandler<HTMLButtonElement>; onBeforeInputCapture?: InputEventHandler<HTMLButtonElement>; onBeforeToggle?: ToggleEventHandler<HTMLButtonElement>; onBlur?: FocusEventHandler<HTMLButtonElement>; onBlurCapture?: FocusEventHandler<HTMLButtonElement>; onCanPlay?: ReactEventHandler<HTMLButtonElement>; onCanPlayCapture?: ReactEventHandler<HTMLButtonElement>; onCanPlayThrough?: ReactEventHandler<HTMLButtonElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLButtonElement>; onChange?: ChangeEventHandler<HTMLButtonElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLButtonElement, Element>; onClick?: MouseEventHandler<HTMLButtonElement>; onClickCapture?: MouseEventHandler<HTMLButtonElement>; onCompositionEnd?: CompositionEventHandler<HTMLButtonElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLButtonElement>; onCompositionStart?: CompositionEventHandler<HTMLButtonElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLButtonElement>; onCompositionUpdate?: CompositionEventHandler<HTMLButtonElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLButtonElement>; onContextMenu?: MouseEventHandler<HTMLButtonElement>; onContextMenuCapture?: MouseEventHandler<HTMLButtonElement>; onCopy?: ClipboardEventHandler<HTMLButtonElement>; onCopyCapture?: ClipboardEventHandler<HTMLButtonElement>; onCut?: ClipboardEventHandler<HTMLButtonElement>; onCutCapture?: ClipboardEventHandler<HTMLButtonElement>; onDoubleClick?: MouseEventHandler<HTMLButtonElement>; onDoubleClickCapture?: MouseEventHandler<HTMLButtonElement>; onDrag?: DragEventHandler<HTMLButtonElement>; onDragCapture?: DragEventHandler<HTMLButtonElement>; onDragEnd?: DragEventHandler<HTMLButtonElement>; onDragEndCapture?: DragEventHandler<HTMLButtonElement>; onDragEnter?: DragEventHandler<HTMLButtonElement>; onDragEnterCapture?: DragEventHandler<HTMLButtonElement>; onDragExit?: DragEventHandler<HTMLButtonElement>; onDragExitCapture?: DragEventHandler<HTMLButtonElement>; onDragLeave?: DragEventHandler<HTMLButtonElement>; onDragLeaveCapture?: DragEventHandler<HTMLButtonElement>; onDragOver?: DragEventHandler<HTMLButtonElement>; onDragOverCapture?: DragEventHandler<HTMLButtonElement>; onDragStart?: DragEventHandler<HTMLButtonElement>; onDragStartCapture?: DragEventHandler<HTMLButtonElement>; onDrop?: DragEventHandler<HTMLButtonElement>; onDropCapture?: DragEventHandler<HTMLButtonElement>; onDurationChange?: ReactEventHandler<HTMLButtonElement>; onDurationChangeCapture?: ReactEventHandler<HTMLButtonElement>; onEmptied?: ReactEventHandler<HTMLButtonElement>; onEmptiedCapture?: ReactEventHandler<HTMLButtonElement>; onEncrypted?: ReactEventHandler<HTMLButtonElement>; onEncryptedCapture?: ReactEventHandler<HTMLButtonElement>; onEnded?: ReactEventHandler<HTMLButtonElement>; onEndedCapture?: ReactEventHandler<HTMLButtonElement>; onError?: ReactEventHandler<HTMLButtonElement>; onErrorCapture?: ReactEventHandler<HTMLButtonElement>; onFocus?: FocusEventHandler<HTMLButtonElement>; onFocusCapture?: FocusEventHandler<HTMLButtonElement>; onGotPointerCapture?: PointerEventHandler<HTMLButtonElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>; onInput?: InputEventHandler<HTMLButtonElement>; onInputCapture?: InputEventHandler<HTMLButtonElement>; onInvalid?: ReactEventHandler<HTMLButtonElement>; onInvalidCapture?: ReactEventHandler<HTMLButtonElement>; onKeyDown?: KeyboardEventHandler<HTMLButtonElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLButtonElement>; onKeyPress?: KeyboardEventHandler<HTMLButtonElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLButtonElement>; onKeyUp?: KeyboardEventHandler<HTMLButtonElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLButtonElement>; onLoad?: ReactEventHandler<HTMLButtonElement>; onLoadCapture?: ReactEventHandler<HTMLButtonElement>; onLoadedData?: ReactEventHandler<HTMLButtonElement>; onLoadedDataCapture?: ReactEventHandler<HTMLButtonElement>; onLoadedMetadata?: ReactEventHandler<HTMLButtonElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLButtonElement>; onLoadStart?: ReactEventHandler<HTMLButtonElement>; onLoadStartCapture?: ReactEventHandler<HTMLButtonElement>; onLostPointerCapture?: PointerEventHandler<HTMLButtonElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>; onMouseDown?: MouseEventHandler<HTMLButtonElement>; onMouseDownCapture?: MouseEventHandler<HTMLButtonElement>; onMouseEnter?: MouseEventHandler<HTMLButtonElement>; onMouseLeave?: MouseEventHandler<HTMLButtonElement>; onMouseMove?: MouseEventHandler<HTMLButtonElement>; onMouseMoveCapture?: MouseEventHandler<HTMLButtonElement>; onMouseOut?: MouseEventHandler<HTMLButtonElement>; onMouseOutCapture?: MouseEventHandler<HTMLButtonElement>; onMouseOver?: MouseEventHandler<HTMLButtonElement>; onMouseOverCapture?: MouseEventHandler<HTMLButtonElement>; onMouseUp?: MouseEventHandler<HTMLButtonElement>; onMouseUpCapture?: MouseEventHandler<HTMLButtonElement>; onPaste?: ClipboardEventHandler<HTMLButtonElement>; onPasteCapture?: ClipboardEventHandler<HTMLButtonElement>; onPause?: ReactEventHandler<HTMLButtonElement>; onPauseCapture?: ReactEventHandler<HTMLButtonElement>; onPlay?: ReactEventHandler<HTMLButtonElement>; onPlayCapture?: ReactEventHandler<HTMLButtonElement>; onPlaying?: ReactEventHandler<HTMLButtonElement>; onPlayingCapture?: ReactEventHandler<HTMLButtonElement>; onPointerCancel?: PointerEventHandler<HTMLButtonElement>; onPointerCancelCapture?: PointerEventHandler<HTMLButtonElement>; onPointerDown?: PointerEventHandler<HTMLButtonElement>; onPointerDownCapture?: PointerEventHandler<HTMLButtonElement>; onPointerEnter?: PointerEventHandler<HTMLButtonElement>; onPointerLeave?: PointerEventHandler<HTMLButtonElement>; onPointerMove?: PointerEventHandler<HTMLButtonElement>; onPointerMoveCapture?: PointerEventHandler<HTMLButtonElement>; onPointerOut?: PointerEventHandler<HTMLButtonElement>; onPointerOutCapture?: PointerEventHandler<HTMLButtonElement>; onPointerOver?: PointerEventHandler<HTMLButtonElement>; onPointerOverCapture?: PointerEventHandler<HTMLButtonElement>; onPointerUp?: PointerEventHandler<HTMLButtonElement>; onPointerUpCapture?: PointerEventHandler<HTMLButtonElement>; onProgress?: ReactEventHandler<HTMLButtonElement>; onProgressCapture?: ReactEventHandler<HTMLButtonElement>; onRateChange?: ReactEventHandler<HTMLButtonElement>; onRateChangeCapture?: ReactEventHandler<HTMLButtonElement>; onReset?: ReactEventHandler<HTMLButtonElement>; onResetCapture?: ReactEventHandler<HTMLButtonElement>; onScroll?: UIEventHandler<HTMLButtonElement>; onScrollCapture?: UIEventHandler<HTMLButtonElement>; onScrollEnd?: UIEventHandler<HTMLButtonElement>; onScrollEndCapture?: UIEventHandler<HTMLButtonElement>; onSeeked?: ReactEventHandler<HTMLButtonElement>; onSeekedCapture?: ReactEventHandler<HTMLButtonElement>; onSeeking?: ReactEventHandler<HTMLButtonElement>; onSeekingCapture?: ReactEventHandler<HTMLButtonElement>; onSelect?: ReactEventHandler<HTMLButtonElement>; onSelectCapture?: ReactEventHandler<HTMLButtonElement>; onStalled?: ReactEventHandler<HTMLButtonElement>; onStalledCapture?: ReactEventHandler<HTMLButtonElement>; onSubmit?: SubmitEventHandler<HTMLButtonElement>; onSubmitCapture?: SubmitEventHandler<HTMLButtonElement>; onSuspend?: ReactEventHandler<HTMLButtonElement>; onSuspendCapture?: ReactEventHandler<HTMLButtonElement>; onTimeUpdate?: ReactEventHandler<HTMLButtonElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLButtonElement>; onToggle?: ToggleEventHandler<HTMLButtonElement>; onTouchCancel?: TouchEventHandler<HTMLButtonElement>; onTouchCancelCapture?: TouchEventHandler<HTMLButtonElement>; onTouchEnd?: TouchEventHandler<HTMLButtonElement>; onTouchEndCapture?: TouchEventHandler<HTMLButtonElement>; onTouchMove?: TouchEventHandler<HTMLButtonElement>; onTouchMoveCapture?: TouchEventHandler<HTMLButtonElement>; onTouchStart?: TouchEventHandler<HTMLButtonElement>; onTouchStartCapture?: TouchEventHandler<HTMLButtonElement>; onTransitionCancel?: TransitionEventHandler<HTMLButtonElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLButtonElement>; onTransitionEnd?: TransitionEventHandler<HTMLButtonElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement>; onTransitionRun?: TransitionEventHandler<HTMLButtonElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLButtonElement>; onTransitionStart?: TransitionEventHandler<HTMLButtonElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLButtonElement>; onVolumeChange?: ReactEventHandler<HTMLButtonElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLButtonElement>; onWaiting?: ReactEventHandler<HTMLButtonElement>; onWaitingCapture?: ReactEventHandler<HTMLButtonElement>; onWheel?: WheelEventHandler<HTMLButtonElement>; onWheelCapture?: WheelEventHandler<HTMLButtonElement>; part?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; rel?: string; resource?: string; results?: number; rev?: string; role?: AriaRole; security?: string; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; type: string; typeof?: string; unselectable?: "off" | "on"; value?: string | number | readonly string[]; vocab?: string; }, HTMLElement>
ArrayRemoveButton
ArrayRemoveButton: (
props) =>DetailedReactHTMLElement<{about?:string;accessKey?:string;aria-activedescendant?:string;aria-atomic?:Booleanish;aria-autocomplete?:"list"|"none"|"inline"|"both";aria-braillelabel?:string;aria-brailleroledescription?:string;aria-busy?:Booleanish;aria-checked?:boolean|"true"|"false"|"mixed";aria-colcount?:number;aria-colindex?:number;aria-colindextext?:string;aria-colspan?:number;aria-controls?:string;aria-current?:boolean|"date"|"step"|"time"|"true"|"false"|"page"|"location";aria-describedby?:string;aria-description?:string;aria-details?:string;aria-disabled?:Booleanish;aria-dropeffect?:"link"|"none"|"copy"|"execute"|"move"|"popup";aria-errormessage?:string;aria-expanded?:Booleanish;aria-flowto?:string;aria-grabbed?:Booleanish;aria-haspopup?:boolean|"dialog"|"menu"|"true"|"false"|"grid"|"listbox"|"tree";aria-hidden?:Booleanish;aria-invalid?:boolean|"true"|"false"|"grammar"|"spelling";aria-keyshortcuts?:string;aria-label?:string;aria-labelledby?:string;aria-level?:number;aria-live?:"off"|"assertive"|"polite";aria-modal?:Booleanish;aria-multiline?:Booleanish;aria-multiselectable?:Booleanish;aria-orientation?:"horizontal"|"vertical";aria-owns?:string;aria-placeholder?:string;aria-posinset?:number;aria-pressed?:boolean|"true"|"false"|"mixed";aria-readonly?:Booleanish;aria-relevant?:"all"|"text"|"additions"|"additions removals"|"additions text"|"removals"|"removals additions"|"removals text"|"text additions"|"text removals";aria-required?:Booleanish;aria-roledescription?:string;aria-rowcount?:number;aria-rowindex?:number;aria-rowindextext?:string;aria-rowspan?:number;aria-selected?:Booleanish;aria-setsize?:number;aria-sort?:"none"|"ascending"|"descending"|"other";aria-valuemax?:number;aria-valuemin?:number;aria-valuenow?:number;aria-valuetext?:string;autoCapitalize?:"off"|"none"|"on"|"sentences"|"words"|"characters"|string&object;autoCorrect?:string;autoFocus?:boolean;autoSave?:string;children?:ReactNode;className?:string;color?:string;content?:string;contentEditable?:Booleanish|"inherit"|"plaintext-only";contextMenu?:string;dangerouslySetInnerHTML?: {__html:string|TrustedHTML; };datatype?:string;defaultChecked?:boolean;defaultValue?:string|number| readonlystring[];dir?:string;disabled?:boolean;draggable?:Booleanish;enterKeyHint?:"search"|"enter"|"done"|"go"|"next"|"previous"|"send";exportparts?:string;form?:string;formAction?:string| ((formData) =>void|Promise<void>);formEncType?:string;formMethod?:string;formNoValidate?:boolean;formTarget?:string;hidden?:boolean;id?:string;inert?:boolean;inlist?:any;inputMode?:"search"|"none"|"text"|"tel"|"url"|"email"|"numeric"|"decimal";is?:string;itemID?:string;itemProp?:string;itemRef?:string;itemScope?:boolean;itemType?:string;lang?:string;name?:string;nonce?:string;onAbort?:ReactEventHandler<HTMLButtonElement>;onAbortCapture?:ReactEventHandler<HTMLButtonElement>;onAnimationEnd?:AnimationEventHandler<HTMLButtonElement>;onAnimationEndCapture?:AnimationEventHandler<HTMLButtonElement>;onAnimationIteration?:AnimationEventHandler<HTMLButtonElement>;onAnimationIterationCapture?:AnimationEventHandler<HTMLButtonElement>;onAnimationStart?:AnimationEventHandler<HTMLButtonElement>;onAnimationStartCapture?:AnimationEventHandler<HTMLButtonElement>;onAuxClick?:MouseEventHandler<HTMLButtonElement>;onAuxClickCapture?:MouseEventHandler<HTMLButtonElement>;onBeforeInput?:InputEventHandler<HTMLButtonElement>;onBeforeInputCapture?:InputEventHandler<HTMLButtonElement>;onBeforeToggle?:ToggleEventHandler<HTMLButtonElement>;onBlur?:FocusEventHandler<HTMLButtonElement>;onBlurCapture?:FocusEventHandler<HTMLButtonElement>;onCanPlay?:ReactEventHandler<HTMLButtonElement>;onCanPlayCapture?:ReactEventHandler<HTMLButtonElement>;onCanPlayThrough?:ReactEventHandler<HTMLButtonElement>;onCanPlayThroughCapture?:ReactEventHandler<HTMLButtonElement>;onChange?:ChangeEventHandler<HTMLButtonElement,Element>;onChangeCapture?:ChangeEventHandler<HTMLButtonElement,Element>;onClick?:MouseEventHandler<HTMLButtonElement>;onClickCapture?:MouseEventHandler<HTMLButtonElement>;onCompositionEnd?:CompositionEventHandler<HTMLButtonElement>;onCompositionEndCapture?:CompositionEventHandler<HTMLButtonElement>;onCompositionStart?:CompositionEventHandler<HTMLButtonElement>;onCompositionStartCapture?:CompositionEventHandler<HTMLButtonElement>;onCompositionUpdate?:CompositionEventHandler<HTMLButtonElement>;onCompositionUpdateCapture?:CompositionEventHandler<HTMLButtonElement>;onContextMenu?:MouseEventHandler<HTMLButtonElement>;onContextMenuCapture?:MouseEventHandler<HTMLButtonElement>;onCopy?:ClipboardEventHandler<HTMLButtonElement>;onCopyCapture?:ClipboardEventHandler<HTMLButtonElement>;onCut?:ClipboardEventHandler<HTMLButtonElement>;onCutCapture?:ClipboardEventHandler<HTMLButtonElement>;onDoubleClick?:MouseEventHandler<HTMLButtonElement>;onDoubleClickCapture?:MouseEventHandler<HTMLButtonElement>;onDrag?:DragEventHandler<HTMLButtonElement>;onDragCapture?:DragEventHandler<HTMLButtonElement>;onDragEnd?:DragEventHandler<HTMLButtonElement>;onDragEndCapture?:DragEventHandler<HTMLButtonElement>;onDragEnter?:DragEventHandler<HTMLButtonElement>;onDragEnterCapture?:DragEventHandler<HTMLButtonElement>;onDragExit?:DragEventHandler<HTMLButtonElement>;onDragExitCapture?:DragEventHandler<HTMLButtonElement>;onDragLeave?:DragEventHandler<HTMLButtonElement>;onDragLeaveCapture?:DragEventHandler<HTMLButtonElement>;onDragOver?:DragEventHandler<HTMLButtonElement>;onDragOverCapture?:DragEventHandler<HTMLButtonElement>;onDragStart?:DragEventHandler<HTMLButtonElement>;onDragStartCapture?:DragEventHandler<HTMLButtonElement>;onDrop?:DragEventHandler<HTMLButtonElement>;onDropCapture?:DragEventHandler<HTMLButtonElement>;onDurationChange?:ReactEventHandler<HTMLButtonElement>;onDurationChangeCapture?:ReactEventHandler<HTMLButtonElement>;onEmptied?:ReactEventHandler<HTMLButtonElement>;onEmptiedCapture?:ReactEventHandler<HTMLButtonElement>;onEncrypted?:ReactEventHandler<HTMLButtonElement>;onEncryptedCapture?:ReactEventHandler<HTMLButtonElement>;onEnded?:ReactEventHandler<HTMLButtonElement>;onEndedCapture?:ReactEventHandler<HTMLButtonElement>;onError?:ReactEventHandler<HTMLButtonElement>;onErrorCapture?:ReactEventHandler<HTMLButtonElement>;onFocus?:FocusEventHandler<HTMLButtonElement>;onFocusCapture?:FocusEventHandler<HTMLButtonElement>;onGotPointerCapture?:PointerEventHandler<HTMLButtonElement>;onGotPointerCaptureCapture?:PointerEventHandler<HTMLButtonElement>;onInput?:InputEventHandler<HTMLButtonElement>;onInputCapture?:InputEventHandler<HTMLButtonElement>;onInvalid?:ReactEventHandler<HTMLButtonElement>;onInvalidCapture?:ReactEventHandler<HTMLButtonElement>;onKeyDown?:KeyboardEventHandler<HTMLButtonElement>;onKeyDownCapture?:KeyboardEventHandler<HTMLButtonElement>;onKeyPress?:KeyboardEventHandler<HTMLButtonElement>;onKeyPressCapture?:KeyboardEventHandler<HTMLButtonElement>;onKeyUp?:KeyboardEventHandler<HTMLButtonElement>;onKeyUpCapture?:KeyboardEventHandler<HTMLButtonElement>;onLoad?:ReactEventHandler<HTMLButtonElement>;onLoadCapture?:ReactEventHandler<HTMLButtonElement>;onLoadedData?:ReactEventHandler<HTMLButtonElement>;onLoadedDataCapture?:ReactEventHandler<HTMLButtonElement>;onLoadedMetadata?:ReactEventHandler<HTMLButtonElement>;onLoadedMetadataCapture?:ReactEventHandler<HTMLButtonElement>;onLoadStart?:ReactEventHandler<HTMLButtonElement>;onLoadStartCapture?:ReactEventHandler<HTMLButtonElement>;onLostPointerCapture?:PointerEventHandler<HTMLButtonElement>;onLostPointerCaptureCapture?:PointerEventHandler<HTMLButtonElement>;onMouseDown?:MouseEventHandler<HTMLButtonElement>;onMouseDownCapture?:MouseEventHandler<HTMLButtonElement>;onMouseEnter?:MouseEventHandler<HTMLButtonElement>;onMouseLeave?:MouseEventHandler<HTMLButtonElement>;onMouseMove?:MouseEventHandler<HTMLButtonElement>;onMouseMoveCapture?:MouseEventHandler<HTMLButtonElement>;onMouseOut?:MouseEventHandler<HTMLButtonElement>;onMouseOutCapture?:MouseEventHandler<HTMLButtonElement>;onMouseOver?:MouseEventHandler<HTMLButtonElement>;onMouseOverCapture?:MouseEventHandler<HTMLButtonElement>;onMouseUp?:MouseEventHandler<HTMLButtonElement>;onMouseUpCapture?:MouseEventHandler<HTMLButtonElement>;onPaste?:ClipboardEventHandler<HTMLButtonElement>;onPasteCapture?:ClipboardEventHandler<HTMLButtonElement>;onPause?:ReactEventHandler<HTMLButtonElement>;onPauseCapture?:ReactEventHandler<HTMLButtonElement>;onPlay?:ReactEventHandler<HTMLButtonElement>;onPlayCapture?:ReactEventHandler<HTMLButtonElement>;onPlaying?:ReactEventHandler<HTMLButtonElement>;onPlayingCapture?:ReactEventHandler<HTMLButtonElement>;onPointerCancel?:PointerEventHandler<HTMLButtonElement>;onPointerCancelCapture?:PointerEventHandler<HTMLButtonElement>;onPointerDown?:PointerEventHandler<HTMLButtonElement>;onPointerDownCapture?:PointerEventHandler<HTMLButtonElement>;onPointerEnter?:PointerEventHandler<HTMLButtonElement>;onPointerLeave?:PointerEventHandler<HTMLButtonElement>;onPointerMove?:PointerEventHandler<HTMLButtonElement>;onPointerMoveCapture?:PointerEventHandler<HTMLButtonElement>;onPointerOut?:PointerEventHandler<HTMLButtonElement>;onPointerOutCapture?:PointerEventHandler<HTMLButtonElement>;onPointerOver?:PointerEventHandler<HTMLButtonElement>;onPointerOverCapture?:PointerEventHandler<HTMLButtonElement>;onPointerUp?:PointerEventHandler<HTMLButtonElement>;onPointerUpCapture?:PointerEventHandler<HTMLButtonElement>;onProgress?:ReactEventHandler<HTMLButtonElement>;onProgressCapture?:ReactEventHandler<HTMLButtonElement>;onRateChange?:ReactEventHandler<HTMLButtonElement>;onRateChangeCapture?:ReactEventHandler<HTMLButtonElement>;onReset?:ReactEventHandler<HTMLButtonElement>;onResetCapture?:ReactEventHandler<HTMLButtonElement>;onScroll?:UIEventHandler<HTMLButtonElement>;onScrollCapture?:UIEventHandler<HTMLButtonElement>;onScrollEnd?:UIEventHandler<HTMLButtonElement>;onScrollEndCapture?:UIEventHandler<HTMLButtonElement>;onSeeked?:ReactEventHandler<HTMLButtonElement>;onSeekedCapture?:ReactEventHandler<HTMLButtonElement>;onSeeking?:ReactEventHandler<HTMLButtonElement>;onSeekingCapture?:ReactEventHandler<HTMLButtonElement>;onSelect?:ReactEventHandler<HTMLButtonElement>;onSelectCapture?:ReactEventHandler<HTMLButtonElement>;onStalled?:ReactEventHandler<HTMLButtonElement>;onStalledCapture?:ReactEventHandler<HTMLButtonElement>;onSubmit?:SubmitEventHandler<HTMLButtonElement>;onSubmitCapture?:SubmitEventHandler<HTMLButtonElement>;onSuspend?:ReactEventHandler<HTMLButtonElement>;onSuspendCapture?:ReactEventHandler<HTMLButtonElement>;onTimeUpdate?:ReactEventHandler<HTMLButtonElement>;onTimeUpdateCapture?:ReactEventHandler<HTMLButtonElement>;onToggle?:ToggleEventHandler<HTMLButtonElement>;onTouchCancel?:TouchEventHandler<HTMLButtonElement>;onTouchCancelCapture?:TouchEventHandler<HTMLButtonElement>;onTouchEnd?:TouchEventHandler<HTMLButtonElement>;onTouchEndCapture?:TouchEventHandler<HTMLButtonElement>;onTouchMove?:TouchEventHandler<HTMLButtonElement>;onTouchMoveCapture?:TouchEventHandler<HTMLButtonElement>;onTouchStart?:TouchEventHandler<HTMLButtonElement>;onTouchStartCapture?:TouchEventHandler<HTMLButtonElement>;onTransitionCancel?:TransitionEventHandler<HTMLButtonElement>;onTransitionCancelCapture?:TransitionEventHandler<HTMLButtonElement>;onTransitionEnd?:TransitionEventHandler<HTMLButtonElement>;onTransitionEndCapture?:TransitionEventHandler<HTMLButtonElement>;onTransitionRun?:TransitionEventHandler<HTMLButtonElement>;onTransitionRunCapture?:TransitionEventHandler<HTMLButtonElement>;onTransitionStart?:TransitionEventHandler<HTMLButtonElement>;onTransitionStartCapture?:TransitionEventHandler<HTMLButtonElement>;onVolumeChange?:ReactEventHandler<HTMLButtonElement>;onVolumeChangeCapture?:ReactEventHandler<HTMLButtonElement>;onWaiting?:ReactEventHandler<HTMLButtonElement>;onWaitingCapture?:ReactEventHandler<HTMLButtonElement>;onWheel?:WheelEventHandler<HTMLButtonElement>;onWheelCapture?:WheelEventHandler<HTMLButtonElement>;part?:string;popover?:""|"auto"|"manual"|"hint";popoverTarget?:string;popoverTargetAction?:"toggle"|"show"|"hide";prefix?:string;property?:string;radioGroup?:string;rel?:string;resource?:string;results?:number;rev?:string;role?:AriaRole;security?:string;slot?:string;spellCheck?:Booleanish;style?:CSSProperties;suppressContentEditableWarning?:boolean;suppressHydrationWarning?:boolean;tabIndex?:number;title?:string;translate?:"yes"|"no";type:string;typeof?:string;unselectable?:"off"|"on";value?:string|number| readonlystring[];vocab?:string; },HTMLElement>
Parameters
props
ButtonHTMLAttributes<HTMLButtonElement>
Returns
DetailedReactHTMLElement<{ about?: string; accessKey?: string; aria-activedescendant?: string; aria-atomic?: Booleanish; aria-autocomplete?: "list" | "none" | "inline" | "both"; aria-braillelabel?: string; aria-brailleroledescription?: string; aria-busy?: Booleanish; aria-checked?: boolean | "true" | "false" | "mixed"; aria-colcount?: number; aria-colindex?: number; aria-colindextext?: string; aria-colspan?: number; aria-controls?: string; aria-current?: boolean | "date" | "step" | "time" | "true" | "false" | "page" | "location"; aria-describedby?: string; aria-description?: string; aria-details?: string; aria-disabled?: Booleanish; aria-dropeffect?: "link" | "none" | "copy" | "execute" | "move" | "popup"; aria-errormessage?: string; aria-expanded?: Booleanish; aria-flowto?: string; aria-grabbed?: Booleanish; aria-haspopup?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"; aria-hidden?: Booleanish; aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"; aria-keyshortcuts?: string; aria-label?: string; aria-labelledby?: string; aria-level?: number; aria-live?: "off" | "assertive" | "polite"; aria-modal?: Booleanish; aria-multiline?: Booleanish; aria-multiselectable?: Booleanish; aria-orientation?: "horizontal" | "vertical"; aria-owns?: string; aria-placeholder?: string; aria-posinset?: number; aria-pressed?: boolean | "true" | "false" | "mixed"; aria-readonly?: Booleanish; aria-relevant?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"; aria-required?: Booleanish; aria-roledescription?: string; aria-rowcount?: number; aria-rowindex?: number; aria-rowindextext?: string; aria-rowspan?: number; aria-selected?: Booleanish; aria-setsize?: number; aria-sort?: "none" | "ascending" | "descending" | "other"; aria-valuemax?: number; aria-valuemin?: number; aria-valuenow?: number; aria-valuetext?: string; autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | string & object; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; children?: ReactNode; className?: string; color?: string; content?: string; contentEditable?: Booleanish | "inherit" | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: { __html: string | TrustedHTML; }; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; disabled?: boolean; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; form?: string; formAction?: string | ((formData) => void | Promise<void>); formEncType?: string; formMethod?: string; formNoValidate?: boolean; formTarget?: string; hidden?: boolean; id?: string; inert?: boolean; inlist?: any; inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal"; is?: string; itemID?: string; itemProp?: string; itemRef?: string; itemScope?: boolean; itemType?: string; lang?: string; name?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLButtonElement>; onAbortCapture?: ReactEventHandler<HTMLButtonElement>; onAnimationEnd?: AnimationEventHandler<HTMLButtonElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLButtonElement>; onAnimationIteration?: AnimationEventHandler<HTMLButtonElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLButtonElement>; onAnimationStart?: AnimationEventHandler<HTMLButtonElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLButtonElement>; onAuxClick?: MouseEventHandler<HTMLButtonElement>; onAuxClickCapture?: MouseEventHandler<HTMLButtonElement>; onBeforeInput?: InputEventHandler<HTMLButtonElement>; onBeforeInputCapture?: InputEventHandler<HTMLButtonElement>; onBeforeToggle?: ToggleEventHandler<HTMLButtonElement>; onBlur?: FocusEventHandler<HTMLButtonElement>; onBlurCapture?: FocusEventHandler<HTMLButtonElement>; onCanPlay?: ReactEventHandler<HTMLButtonElement>; onCanPlayCapture?: ReactEventHandler<HTMLButtonElement>; onCanPlayThrough?: ReactEventHandler<HTMLButtonElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLButtonElement>; onChange?: ChangeEventHandler<HTMLButtonElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLButtonElement, Element>; onClick?: MouseEventHandler<HTMLButtonElement>; onClickCapture?: MouseEventHandler<HTMLButtonElement>; onCompositionEnd?: CompositionEventHandler<HTMLButtonElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLButtonElement>; onCompositionStart?: CompositionEventHandler<HTMLButtonElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLButtonElement>; onCompositionUpdate?: CompositionEventHandler<HTMLButtonElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLButtonElement>; onContextMenu?: MouseEventHandler<HTMLButtonElement>; onContextMenuCapture?: MouseEventHandler<HTMLButtonElement>; onCopy?: ClipboardEventHandler<HTMLButtonElement>; onCopyCapture?: ClipboardEventHandler<HTMLButtonElement>; onCut?: ClipboardEventHandler<HTMLButtonElement>; onCutCapture?: ClipboardEventHandler<HTMLButtonElement>; onDoubleClick?: MouseEventHandler<HTMLButtonElement>; onDoubleClickCapture?: MouseEventHandler<HTMLButtonElement>; onDrag?: DragEventHandler<HTMLButtonElement>; onDragCapture?: DragEventHandler<HTMLButtonElement>; onDragEnd?: DragEventHandler<HTMLButtonElement>; onDragEndCapture?: DragEventHandler<HTMLButtonElement>; onDragEnter?: DragEventHandler<HTMLButtonElement>; onDragEnterCapture?: DragEventHandler<HTMLButtonElement>; onDragExit?: DragEventHandler<HTMLButtonElement>; onDragExitCapture?: DragEventHandler<HTMLButtonElement>; onDragLeave?: DragEventHandler<HTMLButtonElement>; onDragLeaveCapture?: DragEventHandler<HTMLButtonElement>; onDragOver?: DragEventHandler<HTMLButtonElement>; onDragOverCapture?: DragEventHandler<HTMLButtonElement>; onDragStart?: DragEventHandler<HTMLButtonElement>; onDragStartCapture?: DragEventHandler<HTMLButtonElement>; onDrop?: DragEventHandler<HTMLButtonElement>; onDropCapture?: DragEventHandler<HTMLButtonElement>; onDurationChange?: ReactEventHandler<HTMLButtonElement>; onDurationChangeCapture?: ReactEventHandler<HTMLButtonElement>; onEmptied?: ReactEventHandler<HTMLButtonElement>; onEmptiedCapture?: ReactEventHandler<HTMLButtonElement>; onEncrypted?: ReactEventHandler<HTMLButtonElement>; onEncryptedCapture?: ReactEventHandler<HTMLButtonElement>; onEnded?: ReactEventHandler<HTMLButtonElement>; onEndedCapture?: ReactEventHandler<HTMLButtonElement>; onError?: ReactEventHandler<HTMLButtonElement>; onErrorCapture?: ReactEventHandler<HTMLButtonElement>; onFocus?: FocusEventHandler<HTMLButtonElement>; onFocusCapture?: FocusEventHandler<HTMLButtonElement>; onGotPointerCapture?: PointerEventHandler<HTMLButtonElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>; onInput?: InputEventHandler<HTMLButtonElement>; onInputCapture?: InputEventHandler<HTMLButtonElement>; onInvalid?: ReactEventHandler<HTMLButtonElement>; onInvalidCapture?: ReactEventHandler<HTMLButtonElement>; onKeyDown?: KeyboardEventHandler<HTMLButtonElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLButtonElement>; onKeyPress?: KeyboardEventHandler<HTMLButtonElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLButtonElement>; onKeyUp?: KeyboardEventHandler<HTMLButtonElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLButtonElement>; onLoad?: ReactEventHandler<HTMLButtonElement>; onLoadCapture?: ReactEventHandler<HTMLButtonElement>; onLoadedData?: ReactEventHandler<HTMLButtonElement>; onLoadedDataCapture?: ReactEventHandler<HTMLButtonElement>; onLoadedMetadata?: ReactEventHandler<HTMLButtonElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLButtonElement>; onLoadStart?: ReactEventHandler<HTMLButtonElement>; onLoadStartCapture?: ReactEventHandler<HTMLButtonElement>; onLostPointerCapture?: PointerEventHandler<HTMLButtonElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLButtonElement>; onMouseDown?: MouseEventHandler<HTMLButtonElement>; onMouseDownCapture?: MouseEventHandler<HTMLButtonElement>; onMouseEnter?: MouseEventHandler<HTMLButtonElement>; onMouseLeave?: MouseEventHandler<HTMLButtonElement>; onMouseMove?: MouseEventHandler<HTMLButtonElement>; onMouseMoveCapture?: MouseEventHandler<HTMLButtonElement>; onMouseOut?: MouseEventHandler<HTMLButtonElement>; onMouseOutCapture?: MouseEventHandler<HTMLButtonElement>; onMouseOver?: MouseEventHandler<HTMLButtonElement>; onMouseOverCapture?: MouseEventHandler<HTMLButtonElement>; onMouseUp?: MouseEventHandler<HTMLButtonElement>; onMouseUpCapture?: MouseEventHandler<HTMLButtonElement>; onPaste?: ClipboardEventHandler<HTMLButtonElement>; onPasteCapture?: ClipboardEventHandler<HTMLButtonElement>; onPause?: ReactEventHandler<HTMLButtonElement>; onPauseCapture?: ReactEventHandler<HTMLButtonElement>; onPlay?: ReactEventHandler<HTMLButtonElement>; onPlayCapture?: ReactEventHandler<HTMLButtonElement>; onPlaying?: ReactEventHandler<HTMLButtonElement>; onPlayingCapture?: ReactEventHandler<HTMLButtonElement>; onPointerCancel?: PointerEventHandler<HTMLButtonElement>; onPointerCancelCapture?: PointerEventHandler<HTMLButtonElement>; onPointerDown?: PointerEventHandler<HTMLButtonElement>; onPointerDownCapture?: PointerEventHandler<HTMLButtonElement>; onPointerEnter?: PointerEventHandler<HTMLButtonElement>; onPointerLeave?: PointerEventHandler<HTMLButtonElement>; onPointerMove?: PointerEventHandler<HTMLButtonElement>; onPointerMoveCapture?: PointerEventHandler<HTMLButtonElement>; onPointerOut?: PointerEventHandler<HTMLButtonElement>; onPointerOutCapture?: PointerEventHandler<HTMLButtonElement>; onPointerOver?: PointerEventHandler<HTMLButtonElement>; onPointerOverCapture?: PointerEventHandler<HTMLButtonElement>; onPointerUp?: PointerEventHandler<HTMLButtonElement>; onPointerUpCapture?: PointerEventHandler<HTMLButtonElement>; onProgress?: ReactEventHandler<HTMLButtonElement>; onProgressCapture?: ReactEventHandler<HTMLButtonElement>; onRateChange?: ReactEventHandler<HTMLButtonElement>; onRateChangeCapture?: ReactEventHandler<HTMLButtonElement>; onReset?: ReactEventHandler<HTMLButtonElement>; onResetCapture?: ReactEventHandler<HTMLButtonElement>; onScroll?: UIEventHandler<HTMLButtonElement>; onScrollCapture?: UIEventHandler<HTMLButtonElement>; onScrollEnd?: UIEventHandler<HTMLButtonElement>; onScrollEndCapture?: UIEventHandler<HTMLButtonElement>; onSeeked?: ReactEventHandler<HTMLButtonElement>; onSeekedCapture?: ReactEventHandler<HTMLButtonElement>; onSeeking?: ReactEventHandler<HTMLButtonElement>; onSeekingCapture?: ReactEventHandler<HTMLButtonElement>; onSelect?: ReactEventHandler<HTMLButtonElement>; onSelectCapture?: ReactEventHandler<HTMLButtonElement>; onStalled?: ReactEventHandler<HTMLButtonElement>; onStalledCapture?: ReactEventHandler<HTMLButtonElement>; onSubmit?: SubmitEventHandler<HTMLButtonElement>; onSubmitCapture?: SubmitEventHandler<HTMLButtonElement>; onSuspend?: ReactEventHandler<HTMLButtonElement>; onSuspendCapture?: ReactEventHandler<HTMLButtonElement>; onTimeUpdate?: ReactEventHandler<HTMLButtonElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLButtonElement>; onToggle?: ToggleEventHandler<HTMLButtonElement>; onTouchCancel?: TouchEventHandler<HTMLButtonElement>; onTouchCancelCapture?: TouchEventHandler<HTMLButtonElement>; onTouchEnd?: TouchEventHandler<HTMLButtonElement>; onTouchEndCapture?: TouchEventHandler<HTMLButtonElement>; onTouchMove?: TouchEventHandler<HTMLButtonElement>; onTouchMoveCapture?: TouchEventHandler<HTMLButtonElement>; onTouchStart?: TouchEventHandler<HTMLButtonElement>; onTouchStartCapture?: TouchEventHandler<HTMLButtonElement>; onTransitionCancel?: TransitionEventHandler<HTMLButtonElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLButtonElement>; onTransitionEnd?: TransitionEventHandler<HTMLButtonElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLButtonElement>; onTransitionRun?: TransitionEventHandler<HTMLButtonElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLButtonElement>; onTransitionStart?: TransitionEventHandler<HTMLButtonElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLButtonElement>; onVolumeChange?: ReactEventHandler<HTMLButtonElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLButtonElement>; onWaiting?: ReactEventHandler<HTMLButtonElement>; onWaitingCapture?: ReactEventHandler<HTMLButtonElement>; onWheel?: WheelEventHandler<HTMLButtonElement>; onWheelCapture?: WheelEventHandler<HTMLButtonElement>; part?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; rel?: string; resource?: string; results?: number; rev?: string; role?: AriaRole; security?: string; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; type: string; typeof?: string; unselectable?: "off" | "on"; value?: string | number | readonly string[]; vocab?: string; }, HTMLElement>
Checkbox
Checkbox:
MemoExoticComponent<(props) =>Element>
Combobox
Combobox:
MemoExoticComponent<(__namedParameters) =>Element> =ComboboxFallback
DatePicker
DatePicker:
MemoExoticComponent<(props) =>Element>
Field
Field: (
props) =>DetailedReactHTMLElement<HTMLAttributes<HTMLDivElement>,HTMLElement>
Parameters
props
HTMLAttributes<HTMLDivElement>
Returns
DetailedReactHTMLElement<HTMLAttributes<HTMLDivElement>, HTMLElement>
FieldDescription
FieldDescription: (
props) =>DetailedReactHTMLElement<HTMLAttributes<HTMLParagraphElement>,HTMLElement>
Parameters
props
HTMLAttributes<HTMLParagraphElement>
Returns
DetailedReactHTMLElement<HTMLAttributes<HTMLParagraphElement>, HTMLElement>
FieldLabel
FieldLabel: (
props) =>DetailedReactHTMLElement<LabelHTMLAttributes<HTMLLabelElement>,HTMLElement>
Parameters
props
LabelHTMLAttributes<HTMLLabelElement>
Returns
DetailedReactHTMLElement<LabelHTMLAttributes<HTMLLabelElement>, HTMLElement>
FieldMessage
FieldMessage: (
props) =>DetailedReactHTMLElement<HTMLAttributes<HTMLParagraphElement>,HTMLElement>
Parameters
props
HTMLAttributes<HTMLParagraphElement>
Returns
DetailedReactHTMLElement<HTMLAttributes<HTMLParagraphElement>, HTMLElement>
FileInput
FileInput:
MemoExoticComponent<(props) =>Element>
Input
Input:
MemoExoticComponent<(props) =>Element>
RadioGroup
RadioGroup:
MemoExoticComponent<(__namedParameters) =>Element>
Select
Select:
MemoExoticComponent<(__namedParameters) =>Element>
Switch
Switch:
MemoExoticComponent<(props) =>Element>
Textarea
Textarea:
MemoExoticComponent<(props) =>Element>
Use When
- You want to swap a single component while keeping the rest of the defaults
- You are building a custom form renderer that extends the default set