Skip to main content

Variable: shadcnComponentMap

const shadcnComponentMap: object

Defined in: packages/react/src/shadcn/index.ts:164

Component map pre-wired with shadcn/ui-styled implementations. Extends defaultComponentMap by overriding Input, Textarea, Select, and all Field wrapper components with shadcn/ui Tailwind CSS stubs.

These stubs work without installing shadcn/ui — they apply the shadcn class names to plain HTML elements. Replace individual entries with real shadcn components for production use (see module JSDoc above for import instructions).

Type Declaration

Checkbox

Checkbox: MemoExoticComponent<(props) => Element>

Combobox

Combobox: MemoExoticComponent<(__namedParameters) => Element> = ComboboxFallback

DatePicker

DatePicker: MemoExoticComponent<(props) => Element>

Field

Field: (props) => DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: 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; nonce?: string; onAbort?: ReactEventHandler<HTMLDivElement>; onAbortCapture?: ReactEventHandler<HTMLDivElement>; onAnimationEnd?: AnimationEventHandler<HTMLDivElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>; onAnimationIteration?: AnimationEventHandler<HTMLDivElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>; onAnimationStart?: AnimationEventHandler<HTMLDivElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>; onAuxClick?: MouseEventHandler<HTMLDivElement>; onAuxClickCapture?: MouseEventHandler<HTMLDivElement>; onBeforeInput?: InputEventHandler<HTMLDivElement>; onBeforeInputCapture?: InputEventHandler<HTMLDivElement>; onBeforeToggle?: ToggleEventHandler<HTMLDivElement>; onBlur?: FocusEventHandler<HTMLDivElement>; onBlurCapture?: FocusEventHandler<HTMLDivElement>; onCanPlay?: ReactEventHandler<HTMLDivElement>; onCanPlayCapture?: ReactEventHandler<HTMLDivElement>; onCanPlayThrough?: ReactEventHandler<HTMLDivElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>; onChange?: ChangeEventHandler<HTMLDivElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLDivElement, Element>; onClick?: MouseEventHandler<HTMLDivElement>; onClickCapture?: MouseEventHandler<HTMLDivElement>; onCompositionEnd?: CompositionEventHandler<HTMLDivElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>; onCompositionStart?: CompositionEventHandler<HTMLDivElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>; onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>; onContextMenu?: MouseEventHandler<HTMLDivElement>; onContextMenuCapture?: MouseEventHandler<HTMLDivElement>; onCopy?: ClipboardEventHandler<HTMLDivElement>; onCopyCapture?: ClipboardEventHandler<HTMLDivElement>; onCut?: ClipboardEventHandler<HTMLDivElement>; onCutCapture?: ClipboardEventHandler<HTMLDivElement>; onDoubleClick?: MouseEventHandler<HTMLDivElement>; onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>; onDrag?: DragEventHandler<HTMLDivElement>; onDragCapture?: DragEventHandler<HTMLDivElement>; onDragEnd?: DragEventHandler<HTMLDivElement>; onDragEndCapture?: DragEventHandler<HTMLDivElement>; onDragEnter?: DragEventHandler<HTMLDivElement>; onDragEnterCapture?: DragEventHandler<HTMLDivElement>; onDragExit?: DragEventHandler<HTMLDivElement>; onDragExitCapture?: DragEventHandler<HTMLDivElement>; onDragLeave?: DragEventHandler<HTMLDivElement>; onDragLeaveCapture?: DragEventHandler<HTMLDivElement>; onDragOver?: DragEventHandler<HTMLDivElement>; onDragOverCapture?: DragEventHandler<HTMLDivElement>; onDragStart?: DragEventHandler<HTMLDivElement>; onDragStartCapture?: DragEventHandler<HTMLDivElement>; onDrop?: DragEventHandler<HTMLDivElement>; onDropCapture?: DragEventHandler<HTMLDivElement>; onDurationChange?: ReactEventHandler<HTMLDivElement>; onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>; onEmptied?: ReactEventHandler<HTMLDivElement>; onEmptiedCapture?: ReactEventHandler<HTMLDivElement>; onEncrypted?: ReactEventHandler<HTMLDivElement>; onEncryptedCapture?: ReactEventHandler<HTMLDivElement>; onEnded?: ReactEventHandler<HTMLDivElement>; onEndedCapture?: ReactEventHandler<HTMLDivElement>; onError?: ReactEventHandler<HTMLDivElement>; onErrorCapture?: ReactEventHandler<HTMLDivElement>; onFocus?: FocusEventHandler<HTMLDivElement>; onFocusCapture?: FocusEventHandler<HTMLDivElement>; onGotPointerCapture?: PointerEventHandler<HTMLDivElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>; onInput?: InputEventHandler<HTMLDivElement>; onInputCapture?: InputEventHandler<HTMLDivElement>; onInvalid?: ReactEventHandler<HTMLDivElement>; onInvalidCapture?: ReactEventHandler<HTMLDivElement>; onKeyDown?: KeyboardEventHandler<HTMLDivElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>; onKeyPress?: KeyboardEventHandler<HTMLDivElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>; onKeyUp?: KeyboardEventHandler<HTMLDivElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>; onLoad?: ReactEventHandler<HTMLDivElement>; onLoadCapture?: ReactEventHandler<HTMLDivElement>; onLoadedData?: ReactEventHandler<HTMLDivElement>; onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>; onLoadedMetadata?: ReactEventHandler<HTMLDivElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>; onLoadStart?: ReactEventHandler<HTMLDivElement>; onLoadStartCapture?: ReactEventHandler<HTMLDivElement>; onLostPointerCapture?: PointerEventHandler<HTMLDivElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>; onMouseDown?: MouseEventHandler<HTMLDivElement>; onMouseDownCapture?: MouseEventHandler<HTMLDivElement>; onMouseEnter?: MouseEventHandler<HTMLDivElement>; onMouseLeave?: MouseEventHandler<HTMLDivElement>; onMouseMove?: MouseEventHandler<HTMLDivElement>; onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>; onMouseOut?: MouseEventHandler<HTMLDivElement>; onMouseOutCapture?: MouseEventHandler<HTMLDivElement>; onMouseOver?: MouseEventHandler<HTMLDivElement>; onMouseOverCapture?: MouseEventHandler<HTMLDivElement>; onMouseUp?: MouseEventHandler<HTMLDivElement>; onMouseUpCapture?: MouseEventHandler<HTMLDivElement>; onPaste?: ClipboardEventHandler<HTMLDivElement>; onPasteCapture?: ClipboardEventHandler<HTMLDivElement>; onPause?: ReactEventHandler<HTMLDivElement>; onPauseCapture?: ReactEventHandler<HTMLDivElement>; onPlay?: ReactEventHandler<HTMLDivElement>; onPlayCapture?: ReactEventHandler<HTMLDivElement>; onPlaying?: ReactEventHandler<HTMLDivElement>; onPlayingCapture?: ReactEventHandler<HTMLDivElement>; onPointerCancel?: PointerEventHandler<HTMLDivElement>; onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>; onPointerDown?: PointerEventHandler<HTMLDivElement>; onPointerDownCapture?: PointerEventHandler<HTMLDivElement>; onPointerEnter?: PointerEventHandler<HTMLDivElement>; onPointerLeave?: PointerEventHandler<HTMLDivElement>; onPointerMove?: PointerEventHandler<HTMLDivElement>; onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>; onPointerOut?: PointerEventHandler<HTMLDivElement>; onPointerOutCapture?: PointerEventHandler<HTMLDivElement>; onPointerOver?: PointerEventHandler<HTMLDivElement>; onPointerOverCapture?: PointerEventHandler<HTMLDivElement>; onPointerUp?: PointerEventHandler<HTMLDivElement>; onPointerUpCapture?: PointerEventHandler<HTMLDivElement>; onProgress?: ReactEventHandler<HTMLDivElement>; onProgressCapture?: ReactEventHandler<HTMLDivElement>; onRateChange?: ReactEventHandler<HTMLDivElement>; onRateChangeCapture?: ReactEventHandler<HTMLDivElement>; onReset?: ReactEventHandler<HTMLDivElement>; onResetCapture?: ReactEventHandler<HTMLDivElement>; onScroll?: UIEventHandler<HTMLDivElement>; onScrollCapture?: UIEventHandler<HTMLDivElement>; onScrollEnd?: UIEventHandler<HTMLDivElement>; onScrollEndCapture?: UIEventHandler<HTMLDivElement>; onSeeked?: ReactEventHandler<HTMLDivElement>; onSeekedCapture?: ReactEventHandler<HTMLDivElement>; onSeeking?: ReactEventHandler<HTMLDivElement>; onSeekingCapture?: ReactEventHandler<HTMLDivElement>; onSelect?: ReactEventHandler<HTMLDivElement>; onSelectCapture?: ReactEventHandler<HTMLDivElement>; onStalled?: ReactEventHandler<HTMLDivElement>; onStalledCapture?: ReactEventHandler<HTMLDivElement>; onSubmit?: SubmitEventHandler<HTMLDivElement>; onSubmitCapture?: SubmitEventHandler<HTMLDivElement>; onSuspend?: ReactEventHandler<HTMLDivElement>; onSuspendCapture?: ReactEventHandler<HTMLDivElement>; onTimeUpdate?: ReactEventHandler<HTMLDivElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>; onToggle?: ToggleEventHandler<HTMLDivElement>; onTouchCancel?: TouchEventHandler<HTMLDivElement>; onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>; onTouchEnd?: TouchEventHandler<HTMLDivElement>; onTouchEndCapture?: TouchEventHandler<HTMLDivElement>; onTouchMove?: TouchEventHandler<HTMLDivElement>; onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>; onTouchStart?: TouchEventHandler<HTMLDivElement>; onTouchStartCapture?: TouchEventHandler<HTMLDivElement>; onTransitionCancel?: TransitionEventHandler<HTMLDivElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLDivElement>; onTransitionEnd?: TransitionEventHandler<HTMLDivElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>; onTransitionRun?: TransitionEventHandler<HTMLDivElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLDivElement>; onTransitionStart?: TransitionEventHandler<HTMLDivElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLDivElement>; onVolumeChange?: ReactEventHandler<HTMLDivElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>; onWaiting?: ReactEventHandler<HTMLDivElement>; onWaitingCapture?: ReactEventHandler<HTMLDivElement>; onWheel?: WheelEventHandler<HTMLDivElement>; onWheelCapture?: WheelEventHandler<HTMLDivElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement> = ShadcnField

Parameters

props

HTMLAttributes<HTMLDivElement>

Returns

DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: 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; nonce?: string; onAbort?: ReactEventHandler<HTMLDivElement>; onAbortCapture?: ReactEventHandler<HTMLDivElement>; onAnimationEnd?: AnimationEventHandler<HTMLDivElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement>; onAnimationIteration?: AnimationEventHandler<HTMLDivElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement>; onAnimationStart?: AnimationEventHandler<HTMLDivElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement>; onAuxClick?: MouseEventHandler<HTMLDivElement>; onAuxClickCapture?: MouseEventHandler<HTMLDivElement>; onBeforeInput?: InputEventHandler<HTMLDivElement>; onBeforeInputCapture?: InputEventHandler<HTMLDivElement>; onBeforeToggle?: ToggleEventHandler<HTMLDivElement>; onBlur?: FocusEventHandler<HTMLDivElement>; onBlurCapture?: FocusEventHandler<HTMLDivElement>; onCanPlay?: ReactEventHandler<HTMLDivElement>; onCanPlayCapture?: ReactEventHandler<HTMLDivElement>; onCanPlayThrough?: ReactEventHandler<HTMLDivElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement>; onChange?: ChangeEventHandler<HTMLDivElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLDivElement, Element>; onClick?: MouseEventHandler<HTMLDivElement>; onClickCapture?: MouseEventHandler<HTMLDivElement>; onCompositionEnd?: CompositionEventHandler<HTMLDivElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement>; onCompositionStart?: CompositionEventHandler<HTMLDivElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement>; onCompositionUpdate?: CompositionEventHandler<HTMLDivElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement>; onContextMenu?: MouseEventHandler<HTMLDivElement>; onContextMenuCapture?: MouseEventHandler<HTMLDivElement>; onCopy?: ClipboardEventHandler<HTMLDivElement>; onCopyCapture?: ClipboardEventHandler<HTMLDivElement>; onCut?: ClipboardEventHandler<HTMLDivElement>; onCutCapture?: ClipboardEventHandler<HTMLDivElement>; onDoubleClick?: MouseEventHandler<HTMLDivElement>; onDoubleClickCapture?: MouseEventHandler<HTMLDivElement>; onDrag?: DragEventHandler<HTMLDivElement>; onDragCapture?: DragEventHandler<HTMLDivElement>; onDragEnd?: DragEventHandler<HTMLDivElement>; onDragEndCapture?: DragEventHandler<HTMLDivElement>; onDragEnter?: DragEventHandler<HTMLDivElement>; onDragEnterCapture?: DragEventHandler<HTMLDivElement>; onDragExit?: DragEventHandler<HTMLDivElement>; onDragExitCapture?: DragEventHandler<HTMLDivElement>; onDragLeave?: DragEventHandler<HTMLDivElement>; onDragLeaveCapture?: DragEventHandler<HTMLDivElement>; onDragOver?: DragEventHandler<HTMLDivElement>; onDragOverCapture?: DragEventHandler<HTMLDivElement>; onDragStart?: DragEventHandler<HTMLDivElement>; onDragStartCapture?: DragEventHandler<HTMLDivElement>; onDrop?: DragEventHandler<HTMLDivElement>; onDropCapture?: DragEventHandler<HTMLDivElement>; onDurationChange?: ReactEventHandler<HTMLDivElement>; onDurationChangeCapture?: ReactEventHandler<HTMLDivElement>; onEmptied?: ReactEventHandler<HTMLDivElement>; onEmptiedCapture?: ReactEventHandler<HTMLDivElement>; onEncrypted?: ReactEventHandler<HTMLDivElement>; onEncryptedCapture?: ReactEventHandler<HTMLDivElement>; onEnded?: ReactEventHandler<HTMLDivElement>; onEndedCapture?: ReactEventHandler<HTMLDivElement>; onError?: ReactEventHandler<HTMLDivElement>; onErrorCapture?: ReactEventHandler<HTMLDivElement>; onFocus?: FocusEventHandler<HTMLDivElement>; onFocusCapture?: FocusEventHandler<HTMLDivElement>; onGotPointerCapture?: PointerEventHandler<HTMLDivElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>; onInput?: InputEventHandler<HTMLDivElement>; onInputCapture?: InputEventHandler<HTMLDivElement>; onInvalid?: ReactEventHandler<HTMLDivElement>; onInvalidCapture?: ReactEventHandler<HTMLDivElement>; onKeyDown?: KeyboardEventHandler<HTMLDivElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement>; onKeyPress?: KeyboardEventHandler<HTMLDivElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement>; onKeyUp?: KeyboardEventHandler<HTMLDivElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement>; onLoad?: ReactEventHandler<HTMLDivElement>; onLoadCapture?: ReactEventHandler<HTMLDivElement>; onLoadedData?: ReactEventHandler<HTMLDivElement>; onLoadedDataCapture?: ReactEventHandler<HTMLDivElement>; onLoadedMetadata?: ReactEventHandler<HTMLDivElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement>; onLoadStart?: ReactEventHandler<HTMLDivElement>; onLoadStartCapture?: ReactEventHandler<HTMLDivElement>; onLostPointerCapture?: PointerEventHandler<HTMLDivElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement>; onMouseDown?: MouseEventHandler<HTMLDivElement>; onMouseDownCapture?: MouseEventHandler<HTMLDivElement>; onMouseEnter?: MouseEventHandler<HTMLDivElement>; onMouseLeave?: MouseEventHandler<HTMLDivElement>; onMouseMove?: MouseEventHandler<HTMLDivElement>; onMouseMoveCapture?: MouseEventHandler<HTMLDivElement>; onMouseOut?: MouseEventHandler<HTMLDivElement>; onMouseOutCapture?: MouseEventHandler<HTMLDivElement>; onMouseOver?: MouseEventHandler<HTMLDivElement>; onMouseOverCapture?: MouseEventHandler<HTMLDivElement>; onMouseUp?: MouseEventHandler<HTMLDivElement>; onMouseUpCapture?: MouseEventHandler<HTMLDivElement>; onPaste?: ClipboardEventHandler<HTMLDivElement>; onPasteCapture?: ClipboardEventHandler<HTMLDivElement>; onPause?: ReactEventHandler<HTMLDivElement>; onPauseCapture?: ReactEventHandler<HTMLDivElement>; onPlay?: ReactEventHandler<HTMLDivElement>; onPlayCapture?: ReactEventHandler<HTMLDivElement>; onPlaying?: ReactEventHandler<HTMLDivElement>; onPlayingCapture?: ReactEventHandler<HTMLDivElement>; onPointerCancel?: PointerEventHandler<HTMLDivElement>; onPointerCancelCapture?: PointerEventHandler<HTMLDivElement>; onPointerDown?: PointerEventHandler<HTMLDivElement>; onPointerDownCapture?: PointerEventHandler<HTMLDivElement>; onPointerEnter?: PointerEventHandler<HTMLDivElement>; onPointerLeave?: PointerEventHandler<HTMLDivElement>; onPointerMove?: PointerEventHandler<HTMLDivElement>; onPointerMoveCapture?: PointerEventHandler<HTMLDivElement>; onPointerOut?: PointerEventHandler<HTMLDivElement>; onPointerOutCapture?: PointerEventHandler<HTMLDivElement>; onPointerOver?: PointerEventHandler<HTMLDivElement>; onPointerOverCapture?: PointerEventHandler<HTMLDivElement>; onPointerUp?: PointerEventHandler<HTMLDivElement>; onPointerUpCapture?: PointerEventHandler<HTMLDivElement>; onProgress?: ReactEventHandler<HTMLDivElement>; onProgressCapture?: ReactEventHandler<HTMLDivElement>; onRateChange?: ReactEventHandler<HTMLDivElement>; onRateChangeCapture?: ReactEventHandler<HTMLDivElement>; onReset?: ReactEventHandler<HTMLDivElement>; onResetCapture?: ReactEventHandler<HTMLDivElement>; onScroll?: UIEventHandler<HTMLDivElement>; onScrollCapture?: UIEventHandler<HTMLDivElement>; onScrollEnd?: UIEventHandler<HTMLDivElement>; onScrollEndCapture?: UIEventHandler<HTMLDivElement>; onSeeked?: ReactEventHandler<HTMLDivElement>; onSeekedCapture?: ReactEventHandler<HTMLDivElement>; onSeeking?: ReactEventHandler<HTMLDivElement>; onSeekingCapture?: ReactEventHandler<HTMLDivElement>; onSelect?: ReactEventHandler<HTMLDivElement>; onSelectCapture?: ReactEventHandler<HTMLDivElement>; onStalled?: ReactEventHandler<HTMLDivElement>; onStalledCapture?: ReactEventHandler<HTMLDivElement>; onSubmit?: SubmitEventHandler<HTMLDivElement>; onSubmitCapture?: SubmitEventHandler<HTMLDivElement>; onSuspend?: ReactEventHandler<HTMLDivElement>; onSuspendCapture?: ReactEventHandler<HTMLDivElement>; onTimeUpdate?: ReactEventHandler<HTMLDivElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement>; onToggle?: ToggleEventHandler<HTMLDivElement>; onTouchCancel?: TouchEventHandler<HTMLDivElement>; onTouchCancelCapture?: TouchEventHandler<HTMLDivElement>; onTouchEnd?: TouchEventHandler<HTMLDivElement>; onTouchEndCapture?: TouchEventHandler<HTMLDivElement>; onTouchMove?: TouchEventHandler<HTMLDivElement>; onTouchMoveCapture?: TouchEventHandler<HTMLDivElement>; onTouchStart?: TouchEventHandler<HTMLDivElement>; onTouchStartCapture?: TouchEventHandler<HTMLDivElement>; onTransitionCancel?: TransitionEventHandler<HTMLDivElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLDivElement>; onTransitionEnd?: TransitionEventHandler<HTMLDivElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement>; onTransitionRun?: TransitionEventHandler<HTMLDivElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLDivElement>; onTransitionStart?: TransitionEventHandler<HTMLDivElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLDivElement>; onVolumeChange?: ReactEventHandler<HTMLDivElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement>; onWaiting?: ReactEventHandler<HTMLDivElement>; onWaitingCapture?: ReactEventHandler<HTMLDivElement>; onWheel?: WheelEventHandler<HTMLDivElement>; onWheelCapture?: WheelEventHandler<HTMLDivElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement>

FieldDescription

FieldDescription: (props) => DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: 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; nonce?: string; onAbort?: ReactEventHandler<HTMLParagraphElement>; onAbortCapture?: ReactEventHandler<HTMLParagraphElement>; onAnimationEnd?: AnimationEventHandler<HTMLParagraphElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIteration?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStart?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLParagraphElement>; onAuxClick?: MouseEventHandler<HTMLParagraphElement>; onAuxClickCapture?: MouseEventHandler<HTMLParagraphElement>; onBeforeInput?: InputEventHandler<HTMLParagraphElement>; onBeforeInputCapture?: InputEventHandler<HTMLParagraphElement>; onBeforeToggle?: ToggleEventHandler<HTMLParagraphElement>; onBlur?: FocusEventHandler<HTMLParagraphElement>; onBlurCapture?: FocusEventHandler<HTMLParagraphElement>; onCanPlay?: ReactEventHandler<HTMLParagraphElement>; onCanPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThrough?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLParagraphElement>; onChange?: ChangeEventHandler<HTMLParagraphElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLParagraphElement, Element>; onClick?: MouseEventHandler<HTMLParagraphElement>; onClickCapture?: MouseEventHandler<HTMLParagraphElement>; onCompositionEnd?: CompositionEventHandler<HTMLParagraphElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStart?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdate?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLParagraphElement>; onContextMenu?: MouseEventHandler<HTMLParagraphElement>; onContextMenuCapture?: MouseEventHandler<HTMLParagraphElement>; onCopy?: ClipboardEventHandler<HTMLParagraphElement>; onCopyCapture?: ClipboardEventHandler<HTMLParagraphElement>; onCut?: ClipboardEventHandler<HTMLParagraphElement>; onCutCapture?: ClipboardEventHandler<HTMLParagraphElement>; onDoubleClick?: MouseEventHandler<HTMLParagraphElement>; onDoubleClickCapture?: MouseEventHandler<HTMLParagraphElement>; onDrag?: DragEventHandler<HTMLParagraphElement>; onDragCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnd?: DragEventHandler<HTMLParagraphElement>; onDragEndCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnter?: DragEventHandler<HTMLParagraphElement>; onDragEnterCapture?: DragEventHandler<HTMLParagraphElement>; onDragExit?: DragEventHandler<HTMLParagraphElement>; onDragExitCapture?: DragEventHandler<HTMLParagraphElement>; onDragLeave?: DragEventHandler<HTMLParagraphElement>; onDragLeaveCapture?: DragEventHandler<HTMLParagraphElement>; onDragOver?: DragEventHandler<HTMLParagraphElement>; onDragOverCapture?: DragEventHandler<HTMLParagraphElement>; onDragStart?: DragEventHandler<HTMLParagraphElement>; onDragStartCapture?: DragEventHandler<HTMLParagraphElement>; onDrop?: DragEventHandler<HTMLParagraphElement>; onDropCapture?: DragEventHandler<HTMLParagraphElement>; onDurationChange?: ReactEventHandler<HTMLParagraphElement>; onDurationChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onEmptied?: ReactEventHandler<HTMLParagraphElement>; onEmptiedCapture?: ReactEventHandler<HTMLParagraphElement>; onEncrypted?: ReactEventHandler<HTMLParagraphElement>; onEncryptedCapture?: ReactEventHandler<HTMLParagraphElement>; onEnded?: ReactEventHandler<HTMLParagraphElement>; onEndedCapture?: ReactEventHandler<HTMLParagraphElement>; onError?: ReactEventHandler<HTMLParagraphElement>; onErrorCapture?: ReactEventHandler<HTMLParagraphElement>; onFocus?: FocusEventHandler<HTMLParagraphElement>; onFocusCapture?: FocusEventHandler<HTMLParagraphElement>; onGotPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onInput?: InputEventHandler<HTMLParagraphElement>; onInputCapture?: InputEventHandler<HTMLParagraphElement>; onInvalid?: ReactEventHandler<HTMLParagraphElement>; onInvalidCapture?: ReactEventHandler<HTMLParagraphElement>; onKeyDown?: KeyboardEventHandler<HTMLParagraphElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPress?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUp?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLParagraphElement>; onLoad?: ReactEventHandler<HTMLParagraphElement>; onLoadCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedData?: ReactEventHandler<HTMLParagraphElement>; onLoadedDataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadata?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadStart?: ReactEventHandler<HTMLParagraphElement>; onLoadStartCapture?: ReactEventHandler<HTMLParagraphElement>; onLostPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onMouseDown?: MouseEventHandler<HTMLParagraphElement>; onMouseDownCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseEnter?: MouseEventHandler<HTMLParagraphElement>; onMouseLeave?: MouseEventHandler<HTMLParagraphElement>; onMouseMove?: MouseEventHandler<HTMLParagraphElement>; onMouseMoveCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOut?: MouseEventHandler<HTMLParagraphElement>; onMouseOutCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOver?: MouseEventHandler<HTMLParagraphElement>; onMouseOverCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseUp?: MouseEventHandler<HTMLParagraphElement>; onMouseUpCapture?: MouseEventHandler<HTMLParagraphElement>; onPaste?: ClipboardEventHandler<HTMLParagraphElement>; onPasteCapture?: ClipboardEventHandler<HTMLParagraphElement>; onPause?: ReactEventHandler<HTMLParagraphElement>; onPauseCapture?: ReactEventHandler<HTMLParagraphElement>; onPlay?: ReactEventHandler<HTMLParagraphElement>; onPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onPlaying?: ReactEventHandler<HTMLParagraphElement>; onPlayingCapture?: ReactEventHandler<HTMLParagraphElement>; onPointerCancel?: PointerEventHandler<HTMLParagraphElement>; onPointerCancelCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerDown?: PointerEventHandler<HTMLParagraphElement>; onPointerDownCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerEnter?: PointerEventHandler<HTMLParagraphElement>; onPointerLeave?: PointerEventHandler<HTMLParagraphElement>; onPointerMove?: PointerEventHandler<HTMLParagraphElement>; onPointerMoveCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOut?: PointerEventHandler<HTMLParagraphElement>; onPointerOutCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOver?: PointerEventHandler<HTMLParagraphElement>; onPointerOverCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerUp?: PointerEventHandler<HTMLParagraphElement>; onPointerUpCapture?: PointerEventHandler<HTMLParagraphElement>; onProgress?: ReactEventHandler<HTMLParagraphElement>; onProgressCapture?: ReactEventHandler<HTMLParagraphElement>; onRateChange?: ReactEventHandler<HTMLParagraphElement>; onRateChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onReset?: ReactEventHandler<HTMLParagraphElement>; onResetCapture?: ReactEventHandler<HTMLParagraphElement>; onScroll?: UIEventHandler<HTMLParagraphElement>; onScrollCapture?: UIEventHandler<HTMLParagraphElement>; onScrollEnd?: UIEventHandler<HTMLParagraphElement>; onScrollEndCapture?: UIEventHandler<HTMLParagraphElement>; onSeeked?: ReactEventHandler<HTMLParagraphElement>; onSeekedCapture?: ReactEventHandler<HTMLParagraphElement>; onSeeking?: ReactEventHandler<HTMLParagraphElement>; onSeekingCapture?: ReactEventHandler<HTMLParagraphElement>; onSelect?: ReactEventHandler<HTMLParagraphElement>; onSelectCapture?: ReactEventHandler<HTMLParagraphElement>; onStalled?: ReactEventHandler<HTMLParagraphElement>; onStalledCapture?: ReactEventHandler<HTMLParagraphElement>; onSubmit?: SubmitEventHandler<HTMLParagraphElement>; onSubmitCapture?: SubmitEventHandler<HTMLParagraphElement>; onSuspend?: ReactEventHandler<HTMLParagraphElement>; onSuspendCapture?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdate?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLParagraphElement>; onToggle?: ToggleEventHandler<HTMLParagraphElement>; onTouchCancel?: TouchEventHandler<HTMLParagraphElement>; onTouchCancelCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchEnd?: TouchEventHandler<HTMLParagraphElement>; onTouchEndCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchMove?: TouchEventHandler<HTMLParagraphElement>; onTouchMoveCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchStart?: TouchEventHandler<HTMLParagraphElement>; onTouchStartCapture?: TouchEventHandler<HTMLParagraphElement>; onTransitionCancel?: TransitionEventHandler<HTMLParagraphElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEnd?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRun?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStart?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLParagraphElement>; onVolumeChange?: ReactEventHandler<HTMLParagraphElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onWaiting?: ReactEventHandler<HTMLParagraphElement>; onWaitingCapture?: ReactEventHandler<HTMLParagraphElement>; onWheel?: WheelEventHandler<HTMLParagraphElement>; onWheelCapture?: WheelEventHandler<HTMLParagraphElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement> = ShadcnFieldDescription

Parameters

props

HTMLAttributes<HTMLParagraphElement>

Returns

DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: 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; nonce?: string; onAbort?: ReactEventHandler<HTMLParagraphElement>; onAbortCapture?: ReactEventHandler<HTMLParagraphElement>; onAnimationEnd?: AnimationEventHandler<HTMLParagraphElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIteration?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStart?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLParagraphElement>; onAuxClick?: MouseEventHandler<HTMLParagraphElement>; onAuxClickCapture?: MouseEventHandler<HTMLParagraphElement>; onBeforeInput?: InputEventHandler<HTMLParagraphElement>; onBeforeInputCapture?: InputEventHandler<HTMLParagraphElement>; onBeforeToggle?: ToggleEventHandler<HTMLParagraphElement>; onBlur?: FocusEventHandler<HTMLParagraphElement>; onBlurCapture?: FocusEventHandler<HTMLParagraphElement>; onCanPlay?: ReactEventHandler<HTMLParagraphElement>; onCanPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThrough?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLParagraphElement>; onChange?: ChangeEventHandler<HTMLParagraphElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLParagraphElement, Element>; onClick?: MouseEventHandler<HTMLParagraphElement>; onClickCapture?: MouseEventHandler<HTMLParagraphElement>; onCompositionEnd?: CompositionEventHandler<HTMLParagraphElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStart?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdate?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLParagraphElement>; onContextMenu?: MouseEventHandler<HTMLParagraphElement>; onContextMenuCapture?: MouseEventHandler<HTMLParagraphElement>; onCopy?: ClipboardEventHandler<HTMLParagraphElement>; onCopyCapture?: ClipboardEventHandler<HTMLParagraphElement>; onCut?: ClipboardEventHandler<HTMLParagraphElement>; onCutCapture?: ClipboardEventHandler<HTMLParagraphElement>; onDoubleClick?: MouseEventHandler<HTMLParagraphElement>; onDoubleClickCapture?: MouseEventHandler<HTMLParagraphElement>; onDrag?: DragEventHandler<HTMLParagraphElement>; onDragCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnd?: DragEventHandler<HTMLParagraphElement>; onDragEndCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnter?: DragEventHandler<HTMLParagraphElement>; onDragEnterCapture?: DragEventHandler<HTMLParagraphElement>; onDragExit?: DragEventHandler<HTMLParagraphElement>; onDragExitCapture?: DragEventHandler<HTMLParagraphElement>; onDragLeave?: DragEventHandler<HTMLParagraphElement>; onDragLeaveCapture?: DragEventHandler<HTMLParagraphElement>; onDragOver?: DragEventHandler<HTMLParagraphElement>; onDragOverCapture?: DragEventHandler<HTMLParagraphElement>; onDragStart?: DragEventHandler<HTMLParagraphElement>; onDragStartCapture?: DragEventHandler<HTMLParagraphElement>; onDrop?: DragEventHandler<HTMLParagraphElement>; onDropCapture?: DragEventHandler<HTMLParagraphElement>; onDurationChange?: ReactEventHandler<HTMLParagraphElement>; onDurationChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onEmptied?: ReactEventHandler<HTMLParagraphElement>; onEmptiedCapture?: ReactEventHandler<HTMLParagraphElement>; onEncrypted?: ReactEventHandler<HTMLParagraphElement>; onEncryptedCapture?: ReactEventHandler<HTMLParagraphElement>; onEnded?: ReactEventHandler<HTMLParagraphElement>; onEndedCapture?: ReactEventHandler<HTMLParagraphElement>; onError?: ReactEventHandler<HTMLParagraphElement>; onErrorCapture?: ReactEventHandler<HTMLParagraphElement>; onFocus?: FocusEventHandler<HTMLParagraphElement>; onFocusCapture?: FocusEventHandler<HTMLParagraphElement>; onGotPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onInput?: InputEventHandler<HTMLParagraphElement>; onInputCapture?: InputEventHandler<HTMLParagraphElement>; onInvalid?: ReactEventHandler<HTMLParagraphElement>; onInvalidCapture?: ReactEventHandler<HTMLParagraphElement>; onKeyDown?: KeyboardEventHandler<HTMLParagraphElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPress?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUp?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLParagraphElement>; onLoad?: ReactEventHandler<HTMLParagraphElement>; onLoadCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedData?: ReactEventHandler<HTMLParagraphElement>; onLoadedDataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadata?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadStart?: ReactEventHandler<HTMLParagraphElement>; onLoadStartCapture?: ReactEventHandler<HTMLParagraphElement>; onLostPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onMouseDown?: MouseEventHandler<HTMLParagraphElement>; onMouseDownCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseEnter?: MouseEventHandler<HTMLParagraphElement>; onMouseLeave?: MouseEventHandler<HTMLParagraphElement>; onMouseMove?: MouseEventHandler<HTMLParagraphElement>; onMouseMoveCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOut?: MouseEventHandler<HTMLParagraphElement>; onMouseOutCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOver?: MouseEventHandler<HTMLParagraphElement>; onMouseOverCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseUp?: MouseEventHandler<HTMLParagraphElement>; onMouseUpCapture?: MouseEventHandler<HTMLParagraphElement>; onPaste?: ClipboardEventHandler<HTMLParagraphElement>; onPasteCapture?: ClipboardEventHandler<HTMLParagraphElement>; onPause?: ReactEventHandler<HTMLParagraphElement>; onPauseCapture?: ReactEventHandler<HTMLParagraphElement>; onPlay?: ReactEventHandler<HTMLParagraphElement>; onPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onPlaying?: ReactEventHandler<HTMLParagraphElement>; onPlayingCapture?: ReactEventHandler<HTMLParagraphElement>; onPointerCancel?: PointerEventHandler<HTMLParagraphElement>; onPointerCancelCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerDown?: PointerEventHandler<HTMLParagraphElement>; onPointerDownCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerEnter?: PointerEventHandler<HTMLParagraphElement>; onPointerLeave?: PointerEventHandler<HTMLParagraphElement>; onPointerMove?: PointerEventHandler<HTMLParagraphElement>; onPointerMoveCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOut?: PointerEventHandler<HTMLParagraphElement>; onPointerOutCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOver?: PointerEventHandler<HTMLParagraphElement>; onPointerOverCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerUp?: PointerEventHandler<HTMLParagraphElement>; onPointerUpCapture?: PointerEventHandler<HTMLParagraphElement>; onProgress?: ReactEventHandler<HTMLParagraphElement>; onProgressCapture?: ReactEventHandler<HTMLParagraphElement>; onRateChange?: ReactEventHandler<HTMLParagraphElement>; onRateChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onReset?: ReactEventHandler<HTMLParagraphElement>; onResetCapture?: ReactEventHandler<HTMLParagraphElement>; onScroll?: UIEventHandler<HTMLParagraphElement>; onScrollCapture?: UIEventHandler<HTMLParagraphElement>; onScrollEnd?: UIEventHandler<HTMLParagraphElement>; onScrollEndCapture?: UIEventHandler<HTMLParagraphElement>; onSeeked?: ReactEventHandler<HTMLParagraphElement>; onSeekedCapture?: ReactEventHandler<HTMLParagraphElement>; onSeeking?: ReactEventHandler<HTMLParagraphElement>; onSeekingCapture?: ReactEventHandler<HTMLParagraphElement>; onSelect?: ReactEventHandler<HTMLParagraphElement>; onSelectCapture?: ReactEventHandler<HTMLParagraphElement>; onStalled?: ReactEventHandler<HTMLParagraphElement>; onStalledCapture?: ReactEventHandler<HTMLParagraphElement>; onSubmit?: SubmitEventHandler<HTMLParagraphElement>; onSubmitCapture?: SubmitEventHandler<HTMLParagraphElement>; onSuspend?: ReactEventHandler<HTMLParagraphElement>; onSuspendCapture?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdate?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLParagraphElement>; onToggle?: ToggleEventHandler<HTMLParagraphElement>; onTouchCancel?: TouchEventHandler<HTMLParagraphElement>; onTouchCancelCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchEnd?: TouchEventHandler<HTMLParagraphElement>; onTouchEndCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchMove?: TouchEventHandler<HTMLParagraphElement>; onTouchMoveCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchStart?: TouchEventHandler<HTMLParagraphElement>; onTouchStartCapture?: TouchEventHandler<HTMLParagraphElement>; onTransitionCancel?: TransitionEventHandler<HTMLParagraphElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEnd?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRun?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStart?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLParagraphElement>; onVolumeChange?: ReactEventHandler<HTMLParagraphElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onWaiting?: ReactEventHandler<HTMLParagraphElement>; onWaitingCapture?: ReactEventHandler<HTMLParagraphElement>; onWheel?: WheelEventHandler<HTMLParagraphElement>; onWheelCapture?: WheelEventHandler<HTMLParagraphElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement>

FieldLabel

FieldLabel: (props) => DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; form?: string; hidden?: boolean; htmlFor?: string; 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; nonce?: string; onAbort?: ReactEventHandler<HTMLLabelElement>; onAbortCapture?: ReactEventHandler<HTMLLabelElement>; onAnimationEnd?: AnimationEventHandler<HTMLLabelElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLLabelElement>; onAnimationIteration?: AnimationEventHandler<HTMLLabelElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLLabelElement>; onAnimationStart?: AnimationEventHandler<HTMLLabelElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLLabelElement>; onAuxClick?: MouseEventHandler<HTMLLabelElement>; onAuxClickCapture?: MouseEventHandler<HTMLLabelElement>; onBeforeInput?: InputEventHandler<HTMLLabelElement>; onBeforeInputCapture?: InputEventHandler<HTMLLabelElement>; onBeforeToggle?: ToggleEventHandler<HTMLLabelElement>; onBlur?: FocusEventHandler<HTMLLabelElement>; onBlurCapture?: FocusEventHandler<HTMLLabelElement>; onCanPlay?: ReactEventHandler<HTMLLabelElement>; onCanPlayCapture?: ReactEventHandler<HTMLLabelElement>; onCanPlayThrough?: ReactEventHandler<HTMLLabelElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLLabelElement>; onChange?: ChangeEventHandler<HTMLLabelElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLLabelElement, Element>; onClick?: MouseEventHandler<HTMLLabelElement>; onClickCapture?: MouseEventHandler<HTMLLabelElement>; onCompositionEnd?: CompositionEventHandler<HTMLLabelElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLLabelElement>; onCompositionStart?: CompositionEventHandler<HTMLLabelElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLLabelElement>; onCompositionUpdate?: CompositionEventHandler<HTMLLabelElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLLabelElement>; onContextMenu?: MouseEventHandler<HTMLLabelElement>; onContextMenuCapture?: MouseEventHandler<HTMLLabelElement>; onCopy?: ClipboardEventHandler<HTMLLabelElement>; onCopyCapture?: ClipboardEventHandler<HTMLLabelElement>; onCut?: ClipboardEventHandler<HTMLLabelElement>; onCutCapture?: ClipboardEventHandler<HTMLLabelElement>; onDoubleClick?: MouseEventHandler<HTMLLabelElement>; onDoubleClickCapture?: MouseEventHandler<HTMLLabelElement>; onDrag?: DragEventHandler<HTMLLabelElement>; onDragCapture?: DragEventHandler<HTMLLabelElement>; onDragEnd?: DragEventHandler<HTMLLabelElement>; onDragEndCapture?: DragEventHandler<HTMLLabelElement>; onDragEnter?: DragEventHandler<HTMLLabelElement>; onDragEnterCapture?: DragEventHandler<HTMLLabelElement>; onDragExit?: DragEventHandler<HTMLLabelElement>; onDragExitCapture?: DragEventHandler<HTMLLabelElement>; onDragLeave?: DragEventHandler<HTMLLabelElement>; onDragLeaveCapture?: DragEventHandler<HTMLLabelElement>; onDragOver?: DragEventHandler<HTMLLabelElement>; onDragOverCapture?: DragEventHandler<HTMLLabelElement>; onDragStart?: DragEventHandler<HTMLLabelElement>; onDragStartCapture?: DragEventHandler<HTMLLabelElement>; onDrop?: DragEventHandler<HTMLLabelElement>; onDropCapture?: DragEventHandler<HTMLLabelElement>; onDurationChange?: ReactEventHandler<HTMLLabelElement>; onDurationChangeCapture?: ReactEventHandler<HTMLLabelElement>; onEmptied?: ReactEventHandler<HTMLLabelElement>; onEmptiedCapture?: ReactEventHandler<HTMLLabelElement>; onEncrypted?: ReactEventHandler<HTMLLabelElement>; onEncryptedCapture?: ReactEventHandler<HTMLLabelElement>; onEnded?: ReactEventHandler<HTMLLabelElement>; onEndedCapture?: ReactEventHandler<HTMLLabelElement>; onError?: ReactEventHandler<HTMLLabelElement>; onErrorCapture?: ReactEventHandler<HTMLLabelElement>; onFocus?: FocusEventHandler<HTMLLabelElement>; onFocusCapture?: FocusEventHandler<HTMLLabelElement>; onGotPointerCapture?: PointerEventHandler<HTMLLabelElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLLabelElement>; onInput?: InputEventHandler<HTMLLabelElement>; onInputCapture?: InputEventHandler<HTMLLabelElement>; onInvalid?: ReactEventHandler<HTMLLabelElement>; onInvalidCapture?: ReactEventHandler<HTMLLabelElement>; onKeyDown?: KeyboardEventHandler<HTMLLabelElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLLabelElement>; onKeyPress?: KeyboardEventHandler<HTMLLabelElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLLabelElement>; onKeyUp?: KeyboardEventHandler<HTMLLabelElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLLabelElement>; onLoad?: ReactEventHandler<HTMLLabelElement>; onLoadCapture?: ReactEventHandler<HTMLLabelElement>; onLoadedData?: ReactEventHandler<HTMLLabelElement>; onLoadedDataCapture?: ReactEventHandler<HTMLLabelElement>; onLoadedMetadata?: ReactEventHandler<HTMLLabelElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLLabelElement>; onLoadStart?: ReactEventHandler<HTMLLabelElement>; onLoadStartCapture?: ReactEventHandler<HTMLLabelElement>; onLostPointerCapture?: PointerEventHandler<HTMLLabelElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLLabelElement>; onMouseDown?: MouseEventHandler<HTMLLabelElement>; onMouseDownCapture?: MouseEventHandler<HTMLLabelElement>; onMouseEnter?: MouseEventHandler<HTMLLabelElement>; onMouseLeave?: MouseEventHandler<HTMLLabelElement>; onMouseMove?: MouseEventHandler<HTMLLabelElement>; onMouseMoveCapture?: MouseEventHandler<HTMLLabelElement>; onMouseOut?: MouseEventHandler<HTMLLabelElement>; onMouseOutCapture?: MouseEventHandler<HTMLLabelElement>; onMouseOver?: MouseEventHandler<HTMLLabelElement>; onMouseOverCapture?: MouseEventHandler<HTMLLabelElement>; onMouseUp?: MouseEventHandler<HTMLLabelElement>; onMouseUpCapture?: MouseEventHandler<HTMLLabelElement>; onPaste?: ClipboardEventHandler<HTMLLabelElement>; onPasteCapture?: ClipboardEventHandler<HTMLLabelElement>; onPause?: ReactEventHandler<HTMLLabelElement>; onPauseCapture?: ReactEventHandler<HTMLLabelElement>; onPlay?: ReactEventHandler<HTMLLabelElement>; onPlayCapture?: ReactEventHandler<HTMLLabelElement>; onPlaying?: ReactEventHandler<HTMLLabelElement>; onPlayingCapture?: ReactEventHandler<HTMLLabelElement>; onPointerCancel?: PointerEventHandler<HTMLLabelElement>; onPointerCancelCapture?: PointerEventHandler<HTMLLabelElement>; onPointerDown?: PointerEventHandler<HTMLLabelElement>; onPointerDownCapture?: PointerEventHandler<HTMLLabelElement>; onPointerEnter?: PointerEventHandler<HTMLLabelElement>; onPointerLeave?: PointerEventHandler<HTMLLabelElement>; onPointerMove?: PointerEventHandler<HTMLLabelElement>; onPointerMoveCapture?: PointerEventHandler<HTMLLabelElement>; onPointerOut?: PointerEventHandler<HTMLLabelElement>; onPointerOutCapture?: PointerEventHandler<HTMLLabelElement>; onPointerOver?: PointerEventHandler<HTMLLabelElement>; onPointerOverCapture?: PointerEventHandler<HTMLLabelElement>; onPointerUp?: PointerEventHandler<HTMLLabelElement>; onPointerUpCapture?: PointerEventHandler<HTMLLabelElement>; onProgress?: ReactEventHandler<HTMLLabelElement>; onProgressCapture?: ReactEventHandler<HTMLLabelElement>; onRateChange?: ReactEventHandler<HTMLLabelElement>; onRateChangeCapture?: ReactEventHandler<HTMLLabelElement>; onReset?: ReactEventHandler<HTMLLabelElement>; onResetCapture?: ReactEventHandler<HTMLLabelElement>; onScroll?: UIEventHandler<HTMLLabelElement>; onScrollCapture?: UIEventHandler<HTMLLabelElement>; onScrollEnd?: UIEventHandler<HTMLLabelElement>; onScrollEndCapture?: UIEventHandler<HTMLLabelElement>; onSeeked?: ReactEventHandler<HTMLLabelElement>; onSeekedCapture?: ReactEventHandler<HTMLLabelElement>; onSeeking?: ReactEventHandler<HTMLLabelElement>; onSeekingCapture?: ReactEventHandler<HTMLLabelElement>; onSelect?: ReactEventHandler<HTMLLabelElement>; onSelectCapture?: ReactEventHandler<HTMLLabelElement>; onStalled?: ReactEventHandler<HTMLLabelElement>; onStalledCapture?: ReactEventHandler<HTMLLabelElement>; onSubmit?: SubmitEventHandler<HTMLLabelElement>; onSubmitCapture?: SubmitEventHandler<HTMLLabelElement>; onSuspend?: ReactEventHandler<HTMLLabelElement>; onSuspendCapture?: ReactEventHandler<HTMLLabelElement>; onTimeUpdate?: ReactEventHandler<HTMLLabelElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLLabelElement>; onToggle?: ToggleEventHandler<HTMLLabelElement>; onTouchCancel?: TouchEventHandler<HTMLLabelElement>; onTouchCancelCapture?: TouchEventHandler<HTMLLabelElement>; onTouchEnd?: TouchEventHandler<HTMLLabelElement>; onTouchEndCapture?: TouchEventHandler<HTMLLabelElement>; onTouchMove?: TouchEventHandler<HTMLLabelElement>; onTouchMoveCapture?: TouchEventHandler<HTMLLabelElement>; onTouchStart?: TouchEventHandler<HTMLLabelElement>; onTouchStartCapture?: TouchEventHandler<HTMLLabelElement>; onTransitionCancel?: TransitionEventHandler<HTMLLabelElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLLabelElement>; onTransitionEnd?: TransitionEventHandler<HTMLLabelElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLLabelElement>; onTransitionRun?: TransitionEventHandler<HTMLLabelElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLLabelElement>; onTransitionStart?: TransitionEventHandler<HTMLLabelElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLLabelElement>; onVolumeChange?: ReactEventHandler<HTMLLabelElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLLabelElement>; onWaiting?: ReactEventHandler<HTMLLabelElement>; onWaitingCapture?: ReactEventHandler<HTMLLabelElement>; onWheel?: WheelEventHandler<HTMLLabelElement>; onWheelCapture?: WheelEventHandler<HTMLLabelElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement> = ShadcnFieldLabel

Parameters

props

LabelHTMLAttributes<HTMLLabelElement>

Returns

DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; form?: string; hidden?: boolean; htmlFor?: string; 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; nonce?: string; onAbort?: ReactEventHandler<HTMLLabelElement>; onAbortCapture?: ReactEventHandler<HTMLLabelElement>; onAnimationEnd?: AnimationEventHandler<HTMLLabelElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLLabelElement>; onAnimationIteration?: AnimationEventHandler<HTMLLabelElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLLabelElement>; onAnimationStart?: AnimationEventHandler<HTMLLabelElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLLabelElement>; onAuxClick?: MouseEventHandler<HTMLLabelElement>; onAuxClickCapture?: MouseEventHandler<HTMLLabelElement>; onBeforeInput?: InputEventHandler<HTMLLabelElement>; onBeforeInputCapture?: InputEventHandler<HTMLLabelElement>; onBeforeToggle?: ToggleEventHandler<HTMLLabelElement>; onBlur?: FocusEventHandler<HTMLLabelElement>; onBlurCapture?: FocusEventHandler<HTMLLabelElement>; onCanPlay?: ReactEventHandler<HTMLLabelElement>; onCanPlayCapture?: ReactEventHandler<HTMLLabelElement>; onCanPlayThrough?: ReactEventHandler<HTMLLabelElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLLabelElement>; onChange?: ChangeEventHandler<HTMLLabelElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLLabelElement, Element>; onClick?: MouseEventHandler<HTMLLabelElement>; onClickCapture?: MouseEventHandler<HTMLLabelElement>; onCompositionEnd?: CompositionEventHandler<HTMLLabelElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLLabelElement>; onCompositionStart?: CompositionEventHandler<HTMLLabelElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLLabelElement>; onCompositionUpdate?: CompositionEventHandler<HTMLLabelElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLLabelElement>; onContextMenu?: MouseEventHandler<HTMLLabelElement>; onContextMenuCapture?: MouseEventHandler<HTMLLabelElement>; onCopy?: ClipboardEventHandler<HTMLLabelElement>; onCopyCapture?: ClipboardEventHandler<HTMLLabelElement>; onCut?: ClipboardEventHandler<HTMLLabelElement>; onCutCapture?: ClipboardEventHandler<HTMLLabelElement>; onDoubleClick?: MouseEventHandler<HTMLLabelElement>; onDoubleClickCapture?: MouseEventHandler<HTMLLabelElement>; onDrag?: DragEventHandler<HTMLLabelElement>; onDragCapture?: DragEventHandler<HTMLLabelElement>; onDragEnd?: DragEventHandler<HTMLLabelElement>; onDragEndCapture?: DragEventHandler<HTMLLabelElement>; onDragEnter?: DragEventHandler<HTMLLabelElement>; onDragEnterCapture?: DragEventHandler<HTMLLabelElement>; onDragExit?: DragEventHandler<HTMLLabelElement>; onDragExitCapture?: DragEventHandler<HTMLLabelElement>; onDragLeave?: DragEventHandler<HTMLLabelElement>; onDragLeaveCapture?: DragEventHandler<HTMLLabelElement>; onDragOver?: DragEventHandler<HTMLLabelElement>; onDragOverCapture?: DragEventHandler<HTMLLabelElement>; onDragStart?: DragEventHandler<HTMLLabelElement>; onDragStartCapture?: DragEventHandler<HTMLLabelElement>; onDrop?: DragEventHandler<HTMLLabelElement>; onDropCapture?: DragEventHandler<HTMLLabelElement>; onDurationChange?: ReactEventHandler<HTMLLabelElement>; onDurationChangeCapture?: ReactEventHandler<HTMLLabelElement>; onEmptied?: ReactEventHandler<HTMLLabelElement>; onEmptiedCapture?: ReactEventHandler<HTMLLabelElement>; onEncrypted?: ReactEventHandler<HTMLLabelElement>; onEncryptedCapture?: ReactEventHandler<HTMLLabelElement>; onEnded?: ReactEventHandler<HTMLLabelElement>; onEndedCapture?: ReactEventHandler<HTMLLabelElement>; onError?: ReactEventHandler<HTMLLabelElement>; onErrorCapture?: ReactEventHandler<HTMLLabelElement>; onFocus?: FocusEventHandler<HTMLLabelElement>; onFocusCapture?: FocusEventHandler<HTMLLabelElement>; onGotPointerCapture?: PointerEventHandler<HTMLLabelElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLLabelElement>; onInput?: InputEventHandler<HTMLLabelElement>; onInputCapture?: InputEventHandler<HTMLLabelElement>; onInvalid?: ReactEventHandler<HTMLLabelElement>; onInvalidCapture?: ReactEventHandler<HTMLLabelElement>; onKeyDown?: KeyboardEventHandler<HTMLLabelElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLLabelElement>; onKeyPress?: KeyboardEventHandler<HTMLLabelElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLLabelElement>; onKeyUp?: KeyboardEventHandler<HTMLLabelElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLLabelElement>; onLoad?: ReactEventHandler<HTMLLabelElement>; onLoadCapture?: ReactEventHandler<HTMLLabelElement>; onLoadedData?: ReactEventHandler<HTMLLabelElement>; onLoadedDataCapture?: ReactEventHandler<HTMLLabelElement>; onLoadedMetadata?: ReactEventHandler<HTMLLabelElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLLabelElement>; onLoadStart?: ReactEventHandler<HTMLLabelElement>; onLoadStartCapture?: ReactEventHandler<HTMLLabelElement>; onLostPointerCapture?: PointerEventHandler<HTMLLabelElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLLabelElement>; onMouseDown?: MouseEventHandler<HTMLLabelElement>; onMouseDownCapture?: MouseEventHandler<HTMLLabelElement>; onMouseEnter?: MouseEventHandler<HTMLLabelElement>; onMouseLeave?: MouseEventHandler<HTMLLabelElement>; onMouseMove?: MouseEventHandler<HTMLLabelElement>; onMouseMoveCapture?: MouseEventHandler<HTMLLabelElement>; onMouseOut?: MouseEventHandler<HTMLLabelElement>; onMouseOutCapture?: MouseEventHandler<HTMLLabelElement>; onMouseOver?: MouseEventHandler<HTMLLabelElement>; onMouseOverCapture?: MouseEventHandler<HTMLLabelElement>; onMouseUp?: MouseEventHandler<HTMLLabelElement>; onMouseUpCapture?: MouseEventHandler<HTMLLabelElement>; onPaste?: ClipboardEventHandler<HTMLLabelElement>; onPasteCapture?: ClipboardEventHandler<HTMLLabelElement>; onPause?: ReactEventHandler<HTMLLabelElement>; onPauseCapture?: ReactEventHandler<HTMLLabelElement>; onPlay?: ReactEventHandler<HTMLLabelElement>; onPlayCapture?: ReactEventHandler<HTMLLabelElement>; onPlaying?: ReactEventHandler<HTMLLabelElement>; onPlayingCapture?: ReactEventHandler<HTMLLabelElement>; onPointerCancel?: PointerEventHandler<HTMLLabelElement>; onPointerCancelCapture?: PointerEventHandler<HTMLLabelElement>; onPointerDown?: PointerEventHandler<HTMLLabelElement>; onPointerDownCapture?: PointerEventHandler<HTMLLabelElement>; onPointerEnter?: PointerEventHandler<HTMLLabelElement>; onPointerLeave?: PointerEventHandler<HTMLLabelElement>; onPointerMove?: PointerEventHandler<HTMLLabelElement>; onPointerMoveCapture?: PointerEventHandler<HTMLLabelElement>; onPointerOut?: PointerEventHandler<HTMLLabelElement>; onPointerOutCapture?: PointerEventHandler<HTMLLabelElement>; onPointerOver?: PointerEventHandler<HTMLLabelElement>; onPointerOverCapture?: PointerEventHandler<HTMLLabelElement>; onPointerUp?: PointerEventHandler<HTMLLabelElement>; onPointerUpCapture?: PointerEventHandler<HTMLLabelElement>; onProgress?: ReactEventHandler<HTMLLabelElement>; onProgressCapture?: ReactEventHandler<HTMLLabelElement>; onRateChange?: ReactEventHandler<HTMLLabelElement>; onRateChangeCapture?: ReactEventHandler<HTMLLabelElement>; onReset?: ReactEventHandler<HTMLLabelElement>; onResetCapture?: ReactEventHandler<HTMLLabelElement>; onScroll?: UIEventHandler<HTMLLabelElement>; onScrollCapture?: UIEventHandler<HTMLLabelElement>; onScrollEnd?: UIEventHandler<HTMLLabelElement>; onScrollEndCapture?: UIEventHandler<HTMLLabelElement>; onSeeked?: ReactEventHandler<HTMLLabelElement>; onSeekedCapture?: ReactEventHandler<HTMLLabelElement>; onSeeking?: ReactEventHandler<HTMLLabelElement>; onSeekingCapture?: ReactEventHandler<HTMLLabelElement>; onSelect?: ReactEventHandler<HTMLLabelElement>; onSelectCapture?: ReactEventHandler<HTMLLabelElement>; onStalled?: ReactEventHandler<HTMLLabelElement>; onStalledCapture?: ReactEventHandler<HTMLLabelElement>; onSubmit?: SubmitEventHandler<HTMLLabelElement>; onSubmitCapture?: SubmitEventHandler<HTMLLabelElement>; onSuspend?: ReactEventHandler<HTMLLabelElement>; onSuspendCapture?: ReactEventHandler<HTMLLabelElement>; onTimeUpdate?: ReactEventHandler<HTMLLabelElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLLabelElement>; onToggle?: ToggleEventHandler<HTMLLabelElement>; onTouchCancel?: TouchEventHandler<HTMLLabelElement>; onTouchCancelCapture?: TouchEventHandler<HTMLLabelElement>; onTouchEnd?: TouchEventHandler<HTMLLabelElement>; onTouchEndCapture?: TouchEventHandler<HTMLLabelElement>; onTouchMove?: TouchEventHandler<HTMLLabelElement>; onTouchMoveCapture?: TouchEventHandler<HTMLLabelElement>; onTouchStart?: TouchEventHandler<HTMLLabelElement>; onTouchStartCapture?: TouchEventHandler<HTMLLabelElement>; onTransitionCancel?: TransitionEventHandler<HTMLLabelElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLLabelElement>; onTransitionEnd?: TransitionEventHandler<HTMLLabelElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLLabelElement>; onTransitionRun?: TransitionEventHandler<HTMLLabelElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLLabelElement>; onTransitionStart?: TransitionEventHandler<HTMLLabelElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLLabelElement>; onVolumeChange?: ReactEventHandler<HTMLLabelElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLLabelElement>; onWaiting?: ReactEventHandler<HTMLLabelElement>; onWaitingCapture?: ReactEventHandler<HTMLLabelElement>; onWheel?: WheelEventHandler<HTMLLabelElement>; onWheelCapture?: WheelEventHandler<HTMLLabelElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement>

FieldMessage

FieldMessage: (props) => DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: 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; nonce?: string; onAbort?: ReactEventHandler<HTMLParagraphElement>; onAbortCapture?: ReactEventHandler<HTMLParagraphElement>; onAnimationEnd?: AnimationEventHandler<HTMLParagraphElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIteration?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStart?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLParagraphElement>; onAuxClick?: MouseEventHandler<HTMLParagraphElement>; onAuxClickCapture?: MouseEventHandler<HTMLParagraphElement>; onBeforeInput?: InputEventHandler<HTMLParagraphElement>; onBeforeInputCapture?: InputEventHandler<HTMLParagraphElement>; onBeforeToggle?: ToggleEventHandler<HTMLParagraphElement>; onBlur?: FocusEventHandler<HTMLParagraphElement>; onBlurCapture?: FocusEventHandler<HTMLParagraphElement>; onCanPlay?: ReactEventHandler<HTMLParagraphElement>; onCanPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThrough?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLParagraphElement>; onChange?: ChangeEventHandler<HTMLParagraphElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLParagraphElement, Element>; onClick?: MouseEventHandler<HTMLParagraphElement>; onClickCapture?: MouseEventHandler<HTMLParagraphElement>; onCompositionEnd?: CompositionEventHandler<HTMLParagraphElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStart?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdate?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLParagraphElement>; onContextMenu?: MouseEventHandler<HTMLParagraphElement>; onContextMenuCapture?: MouseEventHandler<HTMLParagraphElement>; onCopy?: ClipboardEventHandler<HTMLParagraphElement>; onCopyCapture?: ClipboardEventHandler<HTMLParagraphElement>; onCut?: ClipboardEventHandler<HTMLParagraphElement>; onCutCapture?: ClipboardEventHandler<HTMLParagraphElement>; onDoubleClick?: MouseEventHandler<HTMLParagraphElement>; onDoubleClickCapture?: MouseEventHandler<HTMLParagraphElement>; onDrag?: DragEventHandler<HTMLParagraphElement>; onDragCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnd?: DragEventHandler<HTMLParagraphElement>; onDragEndCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnter?: DragEventHandler<HTMLParagraphElement>; onDragEnterCapture?: DragEventHandler<HTMLParagraphElement>; onDragExit?: DragEventHandler<HTMLParagraphElement>; onDragExitCapture?: DragEventHandler<HTMLParagraphElement>; onDragLeave?: DragEventHandler<HTMLParagraphElement>; onDragLeaveCapture?: DragEventHandler<HTMLParagraphElement>; onDragOver?: DragEventHandler<HTMLParagraphElement>; onDragOverCapture?: DragEventHandler<HTMLParagraphElement>; onDragStart?: DragEventHandler<HTMLParagraphElement>; onDragStartCapture?: DragEventHandler<HTMLParagraphElement>; onDrop?: DragEventHandler<HTMLParagraphElement>; onDropCapture?: DragEventHandler<HTMLParagraphElement>; onDurationChange?: ReactEventHandler<HTMLParagraphElement>; onDurationChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onEmptied?: ReactEventHandler<HTMLParagraphElement>; onEmptiedCapture?: ReactEventHandler<HTMLParagraphElement>; onEncrypted?: ReactEventHandler<HTMLParagraphElement>; onEncryptedCapture?: ReactEventHandler<HTMLParagraphElement>; onEnded?: ReactEventHandler<HTMLParagraphElement>; onEndedCapture?: ReactEventHandler<HTMLParagraphElement>; onError?: ReactEventHandler<HTMLParagraphElement>; onErrorCapture?: ReactEventHandler<HTMLParagraphElement>; onFocus?: FocusEventHandler<HTMLParagraphElement>; onFocusCapture?: FocusEventHandler<HTMLParagraphElement>; onGotPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onInput?: InputEventHandler<HTMLParagraphElement>; onInputCapture?: InputEventHandler<HTMLParagraphElement>; onInvalid?: ReactEventHandler<HTMLParagraphElement>; onInvalidCapture?: ReactEventHandler<HTMLParagraphElement>; onKeyDown?: KeyboardEventHandler<HTMLParagraphElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPress?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUp?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLParagraphElement>; onLoad?: ReactEventHandler<HTMLParagraphElement>; onLoadCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedData?: ReactEventHandler<HTMLParagraphElement>; onLoadedDataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadata?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadStart?: ReactEventHandler<HTMLParagraphElement>; onLoadStartCapture?: ReactEventHandler<HTMLParagraphElement>; onLostPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onMouseDown?: MouseEventHandler<HTMLParagraphElement>; onMouseDownCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseEnter?: MouseEventHandler<HTMLParagraphElement>; onMouseLeave?: MouseEventHandler<HTMLParagraphElement>; onMouseMove?: MouseEventHandler<HTMLParagraphElement>; onMouseMoveCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOut?: MouseEventHandler<HTMLParagraphElement>; onMouseOutCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOver?: MouseEventHandler<HTMLParagraphElement>; onMouseOverCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseUp?: MouseEventHandler<HTMLParagraphElement>; onMouseUpCapture?: MouseEventHandler<HTMLParagraphElement>; onPaste?: ClipboardEventHandler<HTMLParagraphElement>; onPasteCapture?: ClipboardEventHandler<HTMLParagraphElement>; onPause?: ReactEventHandler<HTMLParagraphElement>; onPauseCapture?: ReactEventHandler<HTMLParagraphElement>; onPlay?: ReactEventHandler<HTMLParagraphElement>; onPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onPlaying?: ReactEventHandler<HTMLParagraphElement>; onPlayingCapture?: ReactEventHandler<HTMLParagraphElement>; onPointerCancel?: PointerEventHandler<HTMLParagraphElement>; onPointerCancelCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerDown?: PointerEventHandler<HTMLParagraphElement>; onPointerDownCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerEnter?: PointerEventHandler<HTMLParagraphElement>; onPointerLeave?: PointerEventHandler<HTMLParagraphElement>; onPointerMove?: PointerEventHandler<HTMLParagraphElement>; onPointerMoveCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOut?: PointerEventHandler<HTMLParagraphElement>; onPointerOutCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOver?: PointerEventHandler<HTMLParagraphElement>; onPointerOverCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerUp?: PointerEventHandler<HTMLParagraphElement>; onPointerUpCapture?: PointerEventHandler<HTMLParagraphElement>; onProgress?: ReactEventHandler<HTMLParagraphElement>; onProgressCapture?: ReactEventHandler<HTMLParagraphElement>; onRateChange?: ReactEventHandler<HTMLParagraphElement>; onRateChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onReset?: ReactEventHandler<HTMLParagraphElement>; onResetCapture?: ReactEventHandler<HTMLParagraphElement>; onScroll?: UIEventHandler<HTMLParagraphElement>; onScrollCapture?: UIEventHandler<HTMLParagraphElement>; onScrollEnd?: UIEventHandler<HTMLParagraphElement>; onScrollEndCapture?: UIEventHandler<HTMLParagraphElement>; onSeeked?: ReactEventHandler<HTMLParagraphElement>; onSeekedCapture?: ReactEventHandler<HTMLParagraphElement>; onSeeking?: ReactEventHandler<HTMLParagraphElement>; onSeekingCapture?: ReactEventHandler<HTMLParagraphElement>; onSelect?: ReactEventHandler<HTMLParagraphElement>; onSelectCapture?: ReactEventHandler<HTMLParagraphElement>; onStalled?: ReactEventHandler<HTMLParagraphElement>; onStalledCapture?: ReactEventHandler<HTMLParagraphElement>; onSubmit?: SubmitEventHandler<HTMLParagraphElement>; onSubmitCapture?: SubmitEventHandler<HTMLParagraphElement>; onSuspend?: ReactEventHandler<HTMLParagraphElement>; onSuspendCapture?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdate?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLParagraphElement>; onToggle?: ToggleEventHandler<HTMLParagraphElement>; onTouchCancel?: TouchEventHandler<HTMLParagraphElement>; onTouchCancelCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchEnd?: TouchEventHandler<HTMLParagraphElement>; onTouchEndCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchMove?: TouchEventHandler<HTMLParagraphElement>; onTouchMoveCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchStart?: TouchEventHandler<HTMLParagraphElement>; onTouchStartCapture?: TouchEventHandler<HTMLParagraphElement>; onTransitionCancel?: TransitionEventHandler<HTMLParagraphElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEnd?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRun?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStart?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLParagraphElement>; onVolumeChange?: ReactEventHandler<HTMLParagraphElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onWaiting?: ReactEventHandler<HTMLParagraphElement>; onWaitingCapture?: ReactEventHandler<HTMLParagraphElement>; onWheel?: WheelEventHandler<HTMLParagraphElement>; onWheelCapture?: WheelEventHandler<HTMLParagraphElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement> = ShadcnFieldMessage

Parameters

props

HTMLAttributes<HTMLParagraphElement>

Returns

DetailedReactHTMLElement<&#123; 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?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: 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; nonce?: string; onAbort?: ReactEventHandler<HTMLParagraphElement>; onAbortCapture?: ReactEventHandler<HTMLParagraphElement>; onAnimationEnd?: AnimationEventHandler<HTMLParagraphElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIteration?: AnimationEventHandler<HTMLParagraphElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStart?: AnimationEventHandler<HTMLParagraphElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLParagraphElement>; onAuxClick?: MouseEventHandler<HTMLParagraphElement>; onAuxClickCapture?: MouseEventHandler<HTMLParagraphElement>; onBeforeInput?: InputEventHandler<HTMLParagraphElement>; onBeforeInputCapture?: InputEventHandler<HTMLParagraphElement>; onBeforeToggle?: ToggleEventHandler<HTMLParagraphElement>; onBlur?: FocusEventHandler<HTMLParagraphElement>; onBlurCapture?: FocusEventHandler<HTMLParagraphElement>; onCanPlay?: ReactEventHandler<HTMLParagraphElement>; onCanPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThrough?: ReactEventHandler<HTMLParagraphElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLParagraphElement>; onChange?: ChangeEventHandler<HTMLParagraphElement, Element>; onChangeCapture?: ChangeEventHandler<HTMLParagraphElement, Element>; onClick?: MouseEventHandler<HTMLParagraphElement>; onClickCapture?: MouseEventHandler<HTMLParagraphElement>; onCompositionEnd?: CompositionEventHandler<HTMLParagraphElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStart?: CompositionEventHandler<HTMLParagraphElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdate?: CompositionEventHandler<HTMLParagraphElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLParagraphElement>; onContextMenu?: MouseEventHandler<HTMLParagraphElement>; onContextMenuCapture?: MouseEventHandler<HTMLParagraphElement>; onCopy?: ClipboardEventHandler<HTMLParagraphElement>; onCopyCapture?: ClipboardEventHandler<HTMLParagraphElement>; onCut?: ClipboardEventHandler<HTMLParagraphElement>; onCutCapture?: ClipboardEventHandler<HTMLParagraphElement>; onDoubleClick?: MouseEventHandler<HTMLParagraphElement>; onDoubleClickCapture?: MouseEventHandler<HTMLParagraphElement>; onDrag?: DragEventHandler<HTMLParagraphElement>; onDragCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnd?: DragEventHandler<HTMLParagraphElement>; onDragEndCapture?: DragEventHandler<HTMLParagraphElement>; onDragEnter?: DragEventHandler<HTMLParagraphElement>; onDragEnterCapture?: DragEventHandler<HTMLParagraphElement>; onDragExit?: DragEventHandler<HTMLParagraphElement>; onDragExitCapture?: DragEventHandler<HTMLParagraphElement>; onDragLeave?: DragEventHandler<HTMLParagraphElement>; onDragLeaveCapture?: DragEventHandler<HTMLParagraphElement>; onDragOver?: DragEventHandler<HTMLParagraphElement>; onDragOverCapture?: DragEventHandler<HTMLParagraphElement>; onDragStart?: DragEventHandler<HTMLParagraphElement>; onDragStartCapture?: DragEventHandler<HTMLParagraphElement>; onDrop?: DragEventHandler<HTMLParagraphElement>; onDropCapture?: DragEventHandler<HTMLParagraphElement>; onDurationChange?: ReactEventHandler<HTMLParagraphElement>; onDurationChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onEmptied?: ReactEventHandler<HTMLParagraphElement>; onEmptiedCapture?: ReactEventHandler<HTMLParagraphElement>; onEncrypted?: ReactEventHandler<HTMLParagraphElement>; onEncryptedCapture?: ReactEventHandler<HTMLParagraphElement>; onEnded?: ReactEventHandler<HTMLParagraphElement>; onEndedCapture?: ReactEventHandler<HTMLParagraphElement>; onError?: ReactEventHandler<HTMLParagraphElement>; onErrorCapture?: ReactEventHandler<HTMLParagraphElement>; onFocus?: FocusEventHandler<HTMLParagraphElement>; onFocusCapture?: FocusEventHandler<HTMLParagraphElement>; onGotPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onInput?: InputEventHandler<HTMLParagraphElement>; onInputCapture?: InputEventHandler<HTMLParagraphElement>; onInvalid?: ReactEventHandler<HTMLParagraphElement>; onInvalidCapture?: ReactEventHandler<HTMLParagraphElement>; onKeyDown?: KeyboardEventHandler<HTMLParagraphElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPress?: KeyboardEventHandler<HTMLParagraphElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUp?: KeyboardEventHandler<HTMLParagraphElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLParagraphElement>; onLoad?: ReactEventHandler<HTMLParagraphElement>; onLoadCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedData?: ReactEventHandler<HTMLParagraphElement>; onLoadedDataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadata?: ReactEventHandler<HTMLParagraphElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLParagraphElement>; onLoadStart?: ReactEventHandler<HTMLParagraphElement>; onLoadStartCapture?: ReactEventHandler<HTMLParagraphElement>; onLostPointerCapture?: PointerEventHandler<HTMLParagraphElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLParagraphElement>; onMouseDown?: MouseEventHandler<HTMLParagraphElement>; onMouseDownCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseEnter?: MouseEventHandler<HTMLParagraphElement>; onMouseLeave?: MouseEventHandler<HTMLParagraphElement>; onMouseMove?: MouseEventHandler<HTMLParagraphElement>; onMouseMoveCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOut?: MouseEventHandler<HTMLParagraphElement>; onMouseOutCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseOver?: MouseEventHandler<HTMLParagraphElement>; onMouseOverCapture?: MouseEventHandler<HTMLParagraphElement>; onMouseUp?: MouseEventHandler<HTMLParagraphElement>; onMouseUpCapture?: MouseEventHandler<HTMLParagraphElement>; onPaste?: ClipboardEventHandler<HTMLParagraphElement>; onPasteCapture?: ClipboardEventHandler<HTMLParagraphElement>; onPause?: ReactEventHandler<HTMLParagraphElement>; onPauseCapture?: ReactEventHandler<HTMLParagraphElement>; onPlay?: ReactEventHandler<HTMLParagraphElement>; onPlayCapture?: ReactEventHandler<HTMLParagraphElement>; onPlaying?: ReactEventHandler<HTMLParagraphElement>; onPlayingCapture?: ReactEventHandler<HTMLParagraphElement>; onPointerCancel?: PointerEventHandler<HTMLParagraphElement>; onPointerCancelCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerDown?: PointerEventHandler<HTMLParagraphElement>; onPointerDownCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerEnter?: PointerEventHandler<HTMLParagraphElement>; onPointerLeave?: PointerEventHandler<HTMLParagraphElement>; onPointerMove?: PointerEventHandler<HTMLParagraphElement>; onPointerMoveCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOut?: PointerEventHandler<HTMLParagraphElement>; onPointerOutCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerOver?: PointerEventHandler<HTMLParagraphElement>; onPointerOverCapture?: PointerEventHandler<HTMLParagraphElement>; onPointerUp?: PointerEventHandler<HTMLParagraphElement>; onPointerUpCapture?: PointerEventHandler<HTMLParagraphElement>; onProgress?: ReactEventHandler<HTMLParagraphElement>; onProgressCapture?: ReactEventHandler<HTMLParagraphElement>; onRateChange?: ReactEventHandler<HTMLParagraphElement>; onRateChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onReset?: ReactEventHandler<HTMLParagraphElement>; onResetCapture?: ReactEventHandler<HTMLParagraphElement>; onScroll?: UIEventHandler<HTMLParagraphElement>; onScrollCapture?: UIEventHandler<HTMLParagraphElement>; onScrollEnd?: UIEventHandler<HTMLParagraphElement>; onScrollEndCapture?: UIEventHandler<HTMLParagraphElement>; onSeeked?: ReactEventHandler<HTMLParagraphElement>; onSeekedCapture?: ReactEventHandler<HTMLParagraphElement>; onSeeking?: ReactEventHandler<HTMLParagraphElement>; onSeekingCapture?: ReactEventHandler<HTMLParagraphElement>; onSelect?: ReactEventHandler<HTMLParagraphElement>; onSelectCapture?: ReactEventHandler<HTMLParagraphElement>; onStalled?: ReactEventHandler<HTMLParagraphElement>; onStalledCapture?: ReactEventHandler<HTMLParagraphElement>; onSubmit?: SubmitEventHandler<HTMLParagraphElement>; onSubmitCapture?: SubmitEventHandler<HTMLParagraphElement>; onSuspend?: ReactEventHandler<HTMLParagraphElement>; onSuspendCapture?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdate?: ReactEventHandler<HTMLParagraphElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLParagraphElement>; onToggle?: ToggleEventHandler<HTMLParagraphElement>; onTouchCancel?: TouchEventHandler<HTMLParagraphElement>; onTouchCancelCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchEnd?: TouchEventHandler<HTMLParagraphElement>; onTouchEndCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchMove?: TouchEventHandler<HTMLParagraphElement>; onTouchMoveCapture?: TouchEventHandler<HTMLParagraphElement>; onTouchStart?: TouchEventHandler<HTMLParagraphElement>; onTouchStartCapture?: TouchEventHandler<HTMLParagraphElement>; onTransitionCancel?: TransitionEventHandler<HTMLParagraphElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEnd?: TransitionEventHandler<HTMLParagraphElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRun?: TransitionEventHandler<HTMLParagraphElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStart?: TransitionEventHandler<HTMLParagraphElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLParagraphElement>; onVolumeChange?: ReactEventHandler<HTMLParagraphElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLParagraphElement>; onWaiting?: ReactEventHandler<HTMLParagraphElement>; onWaitingCapture?: ReactEventHandler<HTMLParagraphElement>; onWheel?: WheelEventHandler<HTMLParagraphElement>; onWheelCapture?: WheelEventHandler<HTMLParagraphElement>; 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"; typeof?: string; unselectable?: "off" | "on"; vocab?: string; &#125;, HTMLElement>

FileInput

FileInput: MemoExoticComponent<(props) => Element>

Input

Input: (props) => DetailedReactHTMLElement<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> = ShadcnInput

Parameters

props

InputHTMLAttributes<HTMLInputElement>

Returns

DetailedReactHTMLElement<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>

RadioGroup

RadioGroup: MemoExoticComponent<(__namedParameters) => Element>

Select

Select: (__namedParameters) => DetailedReactHTMLElement<&#123; 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; autoComplete?: string; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; children?: ReactNode; className: string; color?: string; content?: string; contentEditable?: Booleanish | "inherit" | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: &#123; __html: string | TrustedHTML; &#125;; 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; 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; multiple?: boolean; name?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLSelectElement>; onAbortCapture?: ReactEventHandler<HTMLSelectElement>; onAnimationEnd?: AnimationEventHandler<HTMLSelectElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLSelectElement>; onAnimationIteration?: AnimationEventHandler<HTMLSelectElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLSelectElement>; onAnimationStart?: AnimationEventHandler<HTMLSelectElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLSelectElement>; onAuxClick?: MouseEventHandler<HTMLSelectElement>; onAuxClickCapture?: MouseEventHandler<HTMLSelectElement>; onBeforeInput?: InputEventHandler<HTMLSelectElement>; onBeforeInputCapture?: InputEventHandler<HTMLSelectElement>; onBeforeToggle?: ToggleEventHandler<HTMLSelectElement>; onBlur?: FocusEventHandler<HTMLSelectElement>; onBlurCapture?: FocusEventHandler<HTMLSelectElement>; onCanPlay?: ReactEventHandler<HTMLSelectElement>; onCanPlayCapture?: ReactEventHandler<HTMLSelectElement>; onCanPlayThrough?: ReactEventHandler<HTMLSelectElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLSelectElement>; onChange?: ChangeEventHandler<HTMLSelectElement, HTMLSelectElement>; onChangeCapture?: ChangeEventHandler<HTMLSelectElement, Element>; onClick?: MouseEventHandler<HTMLSelectElement>; onClickCapture?: MouseEventHandler<HTMLSelectElement>; onCompositionEnd?: CompositionEventHandler<HTMLSelectElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLSelectElement>; onCompositionStart?: CompositionEventHandler<HTMLSelectElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLSelectElement>; onCompositionUpdate?: CompositionEventHandler<HTMLSelectElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLSelectElement>; onContextMenu?: MouseEventHandler<HTMLSelectElement>; onContextMenuCapture?: MouseEventHandler<HTMLSelectElement>; onCopy?: ClipboardEventHandler<HTMLSelectElement>; onCopyCapture?: ClipboardEventHandler<HTMLSelectElement>; onCut?: ClipboardEventHandler<HTMLSelectElement>; onCutCapture?: ClipboardEventHandler<HTMLSelectElement>; onDoubleClick?: MouseEventHandler<HTMLSelectElement>; onDoubleClickCapture?: MouseEventHandler<HTMLSelectElement>; onDrag?: DragEventHandler<HTMLSelectElement>; onDragCapture?: DragEventHandler<HTMLSelectElement>; onDragEnd?: DragEventHandler<HTMLSelectElement>; onDragEndCapture?: DragEventHandler<HTMLSelectElement>; onDragEnter?: DragEventHandler<HTMLSelectElement>; onDragEnterCapture?: DragEventHandler<HTMLSelectElement>; onDragExit?: DragEventHandler<HTMLSelectElement>; onDragExitCapture?: DragEventHandler<HTMLSelectElement>; onDragLeave?: DragEventHandler<HTMLSelectElement>; onDragLeaveCapture?: DragEventHandler<HTMLSelectElement>; onDragOver?: DragEventHandler<HTMLSelectElement>; onDragOverCapture?: DragEventHandler<HTMLSelectElement>; onDragStart?: DragEventHandler<HTMLSelectElement>; onDragStartCapture?: DragEventHandler<HTMLSelectElement>; onDrop?: DragEventHandler<HTMLSelectElement>; onDropCapture?: DragEventHandler<HTMLSelectElement>; onDurationChange?: ReactEventHandler<HTMLSelectElement>; onDurationChangeCapture?: ReactEventHandler<HTMLSelectElement>; onEmptied?: ReactEventHandler<HTMLSelectElement>; onEmptiedCapture?: ReactEventHandler<HTMLSelectElement>; onEncrypted?: ReactEventHandler<HTMLSelectElement>; onEncryptedCapture?: ReactEventHandler<HTMLSelectElement>; onEnded?: ReactEventHandler<HTMLSelectElement>; onEndedCapture?: ReactEventHandler<HTMLSelectElement>; onError?: ReactEventHandler<HTMLSelectElement>; onErrorCapture?: ReactEventHandler<HTMLSelectElement>; onFocus?: FocusEventHandler<HTMLSelectElement>; onFocusCapture?: FocusEventHandler<HTMLSelectElement>; onGotPointerCapture?: PointerEventHandler<HTMLSelectElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLSelectElement>; onInput?: InputEventHandler<HTMLSelectElement>; onInputCapture?: InputEventHandler<HTMLSelectElement>; onInvalid?: ReactEventHandler<HTMLSelectElement>; onInvalidCapture?: ReactEventHandler<HTMLSelectElement>; onKeyDown?: KeyboardEventHandler<HTMLSelectElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLSelectElement>; onKeyPress?: KeyboardEventHandler<HTMLSelectElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLSelectElement>; onKeyUp?: KeyboardEventHandler<HTMLSelectElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLSelectElement>; onLoad?: ReactEventHandler<HTMLSelectElement>; onLoadCapture?: ReactEventHandler<HTMLSelectElement>; onLoadedData?: ReactEventHandler<HTMLSelectElement>; onLoadedDataCapture?: ReactEventHandler<HTMLSelectElement>; onLoadedMetadata?: ReactEventHandler<HTMLSelectElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLSelectElement>; onLoadStart?: ReactEventHandler<HTMLSelectElement>; onLoadStartCapture?: ReactEventHandler<HTMLSelectElement>; onLostPointerCapture?: PointerEventHandler<HTMLSelectElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLSelectElement>; onMouseDown?: MouseEventHandler<HTMLSelectElement>; onMouseDownCapture?: MouseEventHandler<HTMLSelectElement>; onMouseEnter?: MouseEventHandler<HTMLSelectElement>; onMouseLeave?: MouseEventHandler<HTMLSelectElement>; onMouseMove?: MouseEventHandler<HTMLSelectElement>; onMouseMoveCapture?: MouseEventHandler<HTMLSelectElement>; onMouseOut?: MouseEventHandler<HTMLSelectElement>; onMouseOutCapture?: MouseEventHandler<HTMLSelectElement>; onMouseOver?: MouseEventHandler<HTMLSelectElement>; onMouseOverCapture?: MouseEventHandler<HTMLSelectElement>; onMouseUp?: MouseEventHandler<HTMLSelectElement>; onMouseUpCapture?: MouseEventHandler<HTMLSelectElement>; onPaste?: ClipboardEventHandler<HTMLSelectElement>; onPasteCapture?: ClipboardEventHandler<HTMLSelectElement>; onPause?: ReactEventHandler<HTMLSelectElement>; onPauseCapture?: ReactEventHandler<HTMLSelectElement>; onPlay?: ReactEventHandler<HTMLSelectElement>; onPlayCapture?: ReactEventHandler<HTMLSelectElement>; onPlaying?: ReactEventHandler<HTMLSelectElement>; onPlayingCapture?: ReactEventHandler<HTMLSelectElement>; onPointerCancel?: PointerEventHandler<HTMLSelectElement>; onPointerCancelCapture?: PointerEventHandler<HTMLSelectElement>; onPointerDown?: PointerEventHandler<HTMLSelectElement>; onPointerDownCapture?: PointerEventHandler<HTMLSelectElement>; onPointerEnter?: PointerEventHandler<HTMLSelectElement>; onPointerLeave?: PointerEventHandler<HTMLSelectElement>; onPointerMove?: PointerEventHandler<HTMLSelectElement>; onPointerMoveCapture?: PointerEventHandler<HTMLSelectElement>; onPointerOut?: PointerEventHandler<HTMLSelectElement>; onPointerOutCapture?: PointerEventHandler<HTMLSelectElement>; onPointerOver?: PointerEventHandler<HTMLSelectElement>; onPointerOverCapture?: PointerEventHandler<HTMLSelectElement>; onPointerUp?: PointerEventHandler<HTMLSelectElement>; onPointerUpCapture?: PointerEventHandler<HTMLSelectElement>; onProgress?: ReactEventHandler<HTMLSelectElement>; onProgressCapture?: ReactEventHandler<HTMLSelectElement>; onRateChange?: ReactEventHandler<HTMLSelectElement>; onRateChangeCapture?: ReactEventHandler<HTMLSelectElement>; onReset?: ReactEventHandler<HTMLSelectElement>; onResetCapture?: ReactEventHandler<HTMLSelectElement>; onScroll?: UIEventHandler<HTMLSelectElement>; onScrollCapture?: UIEventHandler<HTMLSelectElement>; onScrollEnd?: UIEventHandler<HTMLSelectElement>; onScrollEndCapture?: UIEventHandler<HTMLSelectElement>; onSeeked?: ReactEventHandler<HTMLSelectElement>; onSeekedCapture?: ReactEventHandler<HTMLSelectElement>; onSeeking?: ReactEventHandler<HTMLSelectElement>; onSeekingCapture?: ReactEventHandler<HTMLSelectElement>; onSelect?: ReactEventHandler<HTMLSelectElement>; onSelectCapture?: ReactEventHandler<HTMLSelectElement>; onStalled?: ReactEventHandler<HTMLSelectElement>; onStalledCapture?: ReactEventHandler<HTMLSelectElement>; onSubmit?: SubmitEventHandler<HTMLSelectElement>; onSubmitCapture?: SubmitEventHandler<HTMLSelectElement>; onSuspend?: ReactEventHandler<HTMLSelectElement>; onSuspendCapture?: ReactEventHandler<HTMLSelectElement>; onTimeUpdate?: ReactEventHandler<HTMLSelectElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLSelectElement>; onToggle?: ToggleEventHandler<HTMLSelectElement>; onTouchCancel?: TouchEventHandler<HTMLSelectElement>; onTouchCancelCapture?: TouchEventHandler<HTMLSelectElement>; onTouchEnd?: TouchEventHandler<HTMLSelectElement>; onTouchEndCapture?: TouchEventHandler<HTMLSelectElement>; onTouchMove?: TouchEventHandler<HTMLSelectElement>; onTouchMoveCapture?: TouchEventHandler<HTMLSelectElement>; onTouchStart?: TouchEventHandler<HTMLSelectElement>; onTouchStartCapture?: TouchEventHandler<HTMLSelectElement>; onTransitionCancel?: TransitionEventHandler<HTMLSelectElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLSelectElement>; onTransitionEnd?: TransitionEventHandler<HTMLSelectElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLSelectElement>; onTransitionRun?: TransitionEventHandler<HTMLSelectElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLSelectElement>; onTransitionStart?: TransitionEventHandler<HTMLSelectElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLSelectElement>; onVolumeChange?: ReactEventHandler<HTMLSelectElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLSelectElement>; onWaiting?: ReactEventHandler<HTMLSelectElement>; onWaitingCapture?: ReactEventHandler<HTMLSelectElement>; onWheel?: WheelEventHandler<HTMLSelectElement>; onWheelCapture?: WheelEventHandler<HTMLSelectElement>; part?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; rel?: string; required?: boolean; resource?: string; results?: number; rev?: string; role?: AriaRole; security?: string; size?: number; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; typeof?: string; unselectable?: "off" | "on"; value?: string | number | readonly string[]; vocab?: string; &#125;, HTMLElement> = ShadcnSelect

Parameters

__namedParameters

ShadcnSelectProps

Returns

DetailedReactHTMLElement<&#123; 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; autoComplete?: string; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; children?: ReactNode; className: string; color?: string; content?: string; contentEditable?: Booleanish | "inherit" | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: &#123; __html: string | TrustedHTML; &#125;; 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; 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; multiple?: boolean; name?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLSelectElement>; onAbortCapture?: ReactEventHandler<HTMLSelectElement>; onAnimationEnd?: AnimationEventHandler<HTMLSelectElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLSelectElement>; onAnimationIteration?: AnimationEventHandler<HTMLSelectElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLSelectElement>; onAnimationStart?: AnimationEventHandler<HTMLSelectElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLSelectElement>; onAuxClick?: MouseEventHandler<HTMLSelectElement>; onAuxClickCapture?: MouseEventHandler<HTMLSelectElement>; onBeforeInput?: InputEventHandler<HTMLSelectElement>; onBeforeInputCapture?: InputEventHandler<HTMLSelectElement>; onBeforeToggle?: ToggleEventHandler<HTMLSelectElement>; onBlur?: FocusEventHandler<HTMLSelectElement>; onBlurCapture?: FocusEventHandler<HTMLSelectElement>; onCanPlay?: ReactEventHandler<HTMLSelectElement>; onCanPlayCapture?: ReactEventHandler<HTMLSelectElement>; onCanPlayThrough?: ReactEventHandler<HTMLSelectElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLSelectElement>; onChange?: ChangeEventHandler<HTMLSelectElement, HTMLSelectElement>; onChangeCapture?: ChangeEventHandler<HTMLSelectElement, Element>; onClick?: MouseEventHandler<HTMLSelectElement>; onClickCapture?: MouseEventHandler<HTMLSelectElement>; onCompositionEnd?: CompositionEventHandler<HTMLSelectElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLSelectElement>; onCompositionStart?: CompositionEventHandler<HTMLSelectElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLSelectElement>; onCompositionUpdate?: CompositionEventHandler<HTMLSelectElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLSelectElement>; onContextMenu?: MouseEventHandler<HTMLSelectElement>; onContextMenuCapture?: MouseEventHandler<HTMLSelectElement>; onCopy?: ClipboardEventHandler<HTMLSelectElement>; onCopyCapture?: ClipboardEventHandler<HTMLSelectElement>; onCut?: ClipboardEventHandler<HTMLSelectElement>; onCutCapture?: ClipboardEventHandler<HTMLSelectElement>; onDoubleClick?: MouseEventHandler<HTMLSelectElement>; onDoubleClickCapture?: MouseEventHandler<HTMLSelectElement>; onDrag?: DragEventHandler<HTMLSelectElement>; onDragCapture?: DragEventHandler<HTMLSelectElement>; onDragEnd?: DragEventHandler<HTMLSelectElement>; onDragEndCapture?: DragEventHandler<HTMLSelectElement>; onDragEnter?: DragEventHandler<HTMLSelectElement>; onDragEnterCapture?: DragEventHandler<HTMLSelectElement>; onDragExit?: DragEventHandler<HTMLSelectElement>; onDragExitCapture?: DragEventHandler<HTMLSelectElement>; onDragLeave?: DragEventHandler<HTMLSelectElement>; onDragLeaveCapture?: DragEventHandler<HTMLSelectElement>; onDragOver?: DragEventHandler<HTMLSelectElement>; onDragOverCapture?: DragEventHandler<HTMLSelectElement>; onDragStart?: DragEventHandler<HTMLSelectElement>; onDragStartCapture?: DragEventHandler<HTMLSelectElement>; onDrop?: DragEventHandler<HTMLSelectElement>; onDropCapture?: DragEventHandler<HTMLSelectElement>; onDurationChange?: ReactEventHandler<HTMLSelectElement>; onDurationChangeCapture?: ReactEventHandler<HTMLSelectElement>; onEmptied?: ReactEventHandler<HTMLSelectElement>; onEmptiedCapture?: ReactEventHandler<HTMLSelectElement>; onEncrypted?: ReactEventHandler<HTMLSelectElement>; onEncryptedCapture?: ReactEventHandler<HTMLSelectElement>; onEnded?: ReactEventHandler<HTMLSelectElement>; onEndedCapture?: ReactEventHandler<HTMLSelectElement>; onError?: ReactEventHandler<HTMLSelectElement>; onErrorCapture?: ReactEventHandler<HTMLSelectElement>; onFocus?: FocusEventHandler<HTMLSelectElement>; onFocusCapture?: FocusEventHandler<HTMLSelectElement>; onGotPointerCapture?: PointerEventHandler<HTMLSelectElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLSelectElement>; onInput?: InputEventHandler<HTMLSelectElement>; onInputCapture?: InputEventHandler<HTMLSelectElement>; onInvalid?: ReactEventHandler<HTMLSelectElement>; onInvalidCapture?: ReactEventHandler<HTMLSelectElement>; onKeyDown?: KeyboardEventHandler<HTMLSelectElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLSelectElement>; onKeyPress?: KeyboardEventHandler<HTMLSelectElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLSelectElement>; onKeyUp?: KeyboardEventHandler<HTMLSelectElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLSelectElement>; onLoad?: ReactEventHandler<HTMLSelectElement>; onLoadCapture?: ReactEventHandler<HTMLSelectElement>; onLoadedData?: ReactEventHandler<HTMLSelectElement>; onLoadedDataCapture?: ReactEventHandler<HTMLSelectElement>; onLoadedMetadata?: ReactEventHandler<HTMLSelectElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLSelectElement>; onLoadStart?: ReactEventHandler<HTMLSelectElement>; onLoadStartCapture?: ReactEventHandler<HTMLSelectElement>; onLostPointerCapture?: PointerEventHandler<HTMLSelectElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLSelectElement>; onMouseDown?: MouseEventHandler<HTMLSelectElement>; onMouseDownCapture?: MouseEventHandler<HTMLSelectElement>; onMouseEnter?: MouseEventHandler<HTMLSelectElement>; onMouseLeave?: MouseEventHandler<HTMLSelectElement>; onMouseMove?: MouseEventHandler<HTMLSelectElement>; onMouseMoveCapture?: MouseEventHandler<HTMLSelectElement>; onMouseOut?: MouseEventHandler<HTMLSelectElement>; onMouseOutCapture?: MouseEventHandler<HTMLSelectElement>; onMouseOver?: MouseEventHandler<HTMLSelectElement>; onMouseOverCapture?: MouseEventHandler<HTMLSelectElement>; onMouseUp?: MouseEventHandler<HTMLSelectElement>; onMouseUpCapture?: MouseEventHandler<HTMLSelectElement>; onPaste?: ClipboardEventHandler<HTMLSelectElement>; onPasteCapture?: ClipboardEventHandler<HTMLSelectElement>; onPause?: ReactEventHandler<HTMLSelectElement>; onPauseCapture?: ReactEventHandler<HTMLSelectElement>; onPlay?: ReactEventHandler<HTMLSelectElement>; onPlayCapture?: ReactEventHandler<HTMLSelectElement>; onPlaying?: ReactEventHandler<HTMLSelectElement>; onPlayingCapture?: ReactEventHandler<HTMLSelectElement>; onPointerCancel?: PointerEventHandler<HTMLSelectElement>; onPointerCancelCapture?: PointerEventHandler<HTMLSelectElement>; onPointerDown?: PointerEventHandler<HTMLSelectElement>; onPointerDownCapture?: PointerEventHandler<HTMLSelectElement>; onPointerEnter?: PointerEventHandler<HTMLSelectElement>; onPointerLeave?: PointerEventHandler<HTMLSelectElement>; onPointerMove?: PointerEventHandler<HTMLSelectElement>; onPointerMoveCapture?: PointerEventHandler<HTMLSelectElement>; onPointerOut?: PointerEventHandler<HTMLSelectElement>; onPointerOutCapture?: PointerEventHandler<HTMLSelectElement>; onPointerOver?: PointerEventHandler<HTMLSelectElement>; onPointerOverCapture?: PointerEventHandler<HTMLSelectElement>; onPointerUp?: PointerEventHandler<HTMLSelectElement>; onPointerUpCapture?: PointerEventHandler<HTMLSelectElement>; onProgress?: ReactEventHandler<HTMLSelectElement>; onProgressCapture?: ReactEventHandler<HTMLSelectElement>; onRateChange?: ReactEventHandler<HTMLSelectElement>; onRateChangeCapture?: ReactEventHandler<HTMLSelectElement>; onReset?: ReactEventHandler<HTMLSelectElement>; onResetCapture?: ReactEventHandler<HTMLSelectElement>; onScroll?: UIEventHandler<HTMLSelectElement>; onScrollCapture?: UIEventHandler<HTMLSelectElement>; onScrollEnd?: UIEventHandler<HTMLSelectElement>; onScrollEndCapture?: UIEventHandler<HTMLSelectElement>; onSeeked?: ReactEventHandler<HTMLSelectElement>; onSeekedCapture?: ReactEventHandler<HTMLSelectElement>; onSeeking?: ReactEventHandler<HTMLSelectElement>; onSeekingCapture?: ReactEventHandler<HTMLSelectElement>; onSelect?: ReactEventHandler<HTMLSelectElement>; onSelectCapture?: ReactEventHandler<HTMLSelectElement>; onStalled?: ReactEventHandler<HTMLSelectElement>; onStalledCapture?: ReactEventHandler<HTMLSelectElement>; onSubmit?: SubmitEventHandler<HTMLSelectElement>; onSubmitCapture?: SubmitEventHandler<HTMLSelectElement>; onSuspend?: ReactEventHandler<HTMLSelectElement>; onSuspendCapture?: ReactEventHandler<HTMLSelectElement>; onTimeUpdate?: ReactEventHandler<HTMLSelectElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLSelectElement>; onToggle?: ToggleEventHandler<HTMLSelectElement>; onTouchCancel?: TouchEventHandler<HTMLSelectElement>; onTouchCancelCapture?: TouchEventHandler<HTMLSelectElement>; onTouchEnd?: TouchEventHandler<HTMLSelectElement>; onTouchEndCapture?: TouchEventHandler<HTMLSelectElement>; onTouchMove?: TouchEventHandler<HTMLSelectElement>; onTouchMoveCapture?: TouchEventHandler<HTMLSelectElement>; onTouchStart?: TouchEventHandler<HTMLSelectElement>; onTouchStartCapture?: TouchEventHandler<HTMLSelectElement>; onTransitionCancel?: TransitionEventHandler<HTMLSelectElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLSelectElement>; onTransitionEnd?: TransitionEventHandler<HTMLSelectElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLSelectElement>; onTransitionRun?: TransitionEventHandler<HTMLSelectElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLSelectElement>; onTransitionStart?: TransitionEventHandler<HTMLSelectElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLSelectElement>; onVolumeChange?: ReactEventHandler<HTMLSelectElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLSelectElement>; onWaiting?: ReactEventHandler<HTMLSelectElement>; onWaitingCapture?: ReactEventHandler<HTMLSelectElement>; onWheel?: WheelEventHandler<HTMLSelectElement>; onWheelCapture?: WheelEventHandler<HTMLSelectElement>; part?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; rel?: string; required?: boolean; resource?: string; results?: number; rev?: string; role?: AriaRole; security?: string; size?: number; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; typeof?: string; unselectable?: "off" | "on"; value?: string | number | readonly string[]; vocab?: string; &#125;, HTMLElement>

Switch

Switch: MemoExoticComponent<(props) => Element>

Textarea

Textarea: (props) => DetailedReactHTMLElement<&#123; 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; autoComplete?: string; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; children?: ReactNode; className: string; color?: string; cols?: number; content?: string; contentEditable?: Booleanish | "inherit" | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; dirName?: string; disabled?: boolean; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; form?: 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; maxLength?: number; minLength?: number; name?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLTextAreaElement>; onAbortCapture?: ReactEventHandler<HTMLTextAreaElement>; onAnimationEnd?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationIteration?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationStart?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLTextAreaElement>; onAuxClick?: MouseEventHandler<HTMLTextAreaElement>; onAuxClickCapture?: MouseEventHandler<HTMLTextAreaElement>; onBeforeInput?: InputEventHandler<HTMLTextAreaElement>; onBeforeInputCapture?: InputEventHandler<HTMLTextAreaElement>; onBeforeToggle?: ToggleEventHandler<HTMLTextAreaElement>; onBlur?: FocusEventHandler<HTMLTextAreaElement>; onBlurCapture?: FocusEventHandler<HTMLTextAreaElement>; onCanPlay?: ReactEventHandler<HTMLTextAreaElement>; onCanPlayCapture?: ReactEventHandler<HTMLTextAreaElement>; onCanPlayThrough?: ReactEventHandler<HTMLTextAreaElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLTextAreaElement>; onChange?: ChangeEventHandler<HTMLTextAreaElement, HTMLTextAreaElement>; onChangeCapture?: ChangeEventHandler<HTMLTextAreaElement, Element>; onClick?: MouseEventHandler<HTMLTextAreaElement>; onClickCapture?: MouseEventHandler<HTMLTextAreaElement>; onCompositionEnd?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionStart?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionUpdate?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLTextAreaElement>; onContextMenu?: MouseEventHandler<HTMLTextAreaElement>; onContextMenuCapture?: MouseEventHandler<HTMLTextAreaElement>; onCopy?: ClipboardEventHandler<HTMLTextAreaElement>; onCopyCapture?: ClipboardEventHandler<HTMLTextAreaElement>; onCut?: ClipboardEventHandler<HTMLTextAreaElement>; onCutCapture?: ClipboardEventHandler<HTMLTextAreaElement>; onDoubleClick?: MouseEventHandler<HTMLTextAreaElement>; onDoubleClickCapture?: MouseEventHandler<HTMLTextAreaElement>; onDrag?: DragEventHandler<HTMLTextAreaElement>; onDragCapture?: DragEventHandler<HTMLTextAreaElement>; onDragEnd?: DragEventHandler<HTMLTextAreaElement>; onDragEndCapture?: DragEventHandler<HTMLTextAreaElement>; onDragEnter?: DragEventHandler<HTMLTextAreaElement>; onDragEnterCapture?: DragEventHandler<HTMLTextAreaElement>; onDragExit?: DragEventHandler<HTMLTextAreaElement>; onDragExitCapture?: DragEventHandler<HTMLTextAreaElement>; onDragLeave?: DragEventHandler<HTMLTextAreaElement>; onDragLeaveCapture?: DragEventHandler<HTMLTextAreaElement>; onDragOver?: DragEventHandler<HTMLTextAreaElement>; onDragOverCapture?: DragEventHandler<HTMLTextAreaElement>; onDragStart?: DragEventHandler<HTMLTextAreaElement>; onDragStartCapture?: DragEventHandler<HTMLTextAreaElement>; onDrop?: DragEventHandler<HTMLTextAreaElement>; onDropCapture?: DragEventHandler<HTMLTextAreaElement>; onDurationChange?: ReactEventHandler<HTMLTextAreaElement>; onDurationChangeCapture?: ReactEventHandler<HTMLTextAreaElement>; onEmptied?: ReactEventHandler<HTMLTextAreaElement>; onEmptiedCapture?: ReactEventHandler<HTMLTextAreaElement>; onEncrypted?: ReactEventHandler<HTMLTextAreaElement>; onEncryptedCapture?: ReactEventHandler<HTMLTextAreaElement>; onEnded?: ReactEventHandler<HTMLTextAreaElement>; onEndedCapture?: ReactEventHandler<HTMLTextAreaElement>; onError?: ReactEventHandler<HTMLTextAreaElement>; onErrorCapture?: ReactEventHandler<HTMLTextAreaElement>; onFocus?: FocusEventHandler<HTMLTextAreaElement>; onFocusCapture?: FocusEventHandler<HTMLTextAreaElement>; onGotPointerCapture?: PointerEventHandler<HTMLTextAreaElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLTextAreaElement>; onInput?: InputEventHandler<HTMLTextAreaElement>; onInputCapture?: InputEventHandler<HTMLTextAreaElement>; onInvalid?: ReactEventHandler<HTMLTextAreaElement>; onInvalidCapture?: ReactEventHandler<HTMLTextAreaElement>; onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyPress?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLTextAreaElement>; onLoad?: ReactEventHandler<HTMLTextAreaElement>; onLoadCapture?: ReactEventHandler<HTMLTextAreaElement>; onLoadedData?: ReactEventHandler<HTMLTextAreaElement>; onLoadedDataCapture?: ReactEventHandler<HTMLTextAreaElement>; onLoadedMetadata?: ReactEventHandler<HTMLTextAreaElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLTextAreaElement>; onLoadStart?: ReactEventHandler<HTMLTextAreaElement>; onLoadStartCapture?: ReactEventHandler<HTMLTextAreaElement>; onLostPointerCapture?: PointerEventHandler<HTMLTextAreaElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLTextAreaElement>; onMouseDown?: MouseEventHandler<HTMLTextAreaElement>; onMouseDownCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseEnter?: MouseEventHandler<HTMLTextAreaElement>; onMouseLeave?: MouseEventHandler<HTMLTextAreaElement>; onMouseMove?: MouseEventHandler<HTMLTextAreaElement>; onMouseMoveCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseOut?: MouseEventHandler<HTMLTextAreaElement>; onMouseOutCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseOver?: MouseEventHandler<HTMLTextAreaElement>; onMouseOverCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseUp?: MouseEventHandler<HTMLTextAreaElement>; onMouseUpCapture?: MouseEventHandler<HTMLTextAreaElement>; onPaste?: ClipboardEventHandler<HTMLTextAreaElement>; onPasteCapture?: ClipboardEventHandler<HTMLTextAreaElement>; onPause?: ReactEventHandler<HTMLTextAreaElement>; onPauseCapture?: ReactEventHandler<HTMLTextAreaElement>; onPlay?: ReactEventHandler<HTMLTextAreaElement>; onPlayCapture?: ReactEventHandler<HTMLTextAreaElement>; onPlaying?: ReactEventHandler<HTMLTextAreaElement>; onPlayingCapture?: ReactEventHandler<HTMLTextAreaElement>; onPointerCancel?: PointerEventHandler<HTMLTextAreaElement>; onPointerCancelCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerDown?: PointerEventHandler<HTMLTextAreaElement>; onPointerDownCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerEnter?: PointerEventHandler<HTMLTextAreaElement>; onPointerLeave?: PointerEventHandler<HTMLTextAreaElement>; onPointerMove?: PointerEventHandler<HTMLTextAreaElement>; onPointerMoveCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerOut?: PointerEventHandler<HTMLTextAreaElement>; onPointerOutCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerOver?: PointerEventHandler<HTMLTextAreaElement>; onPointerOverCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerUp?: PointerEventHandler<HTMLTextAreaElement>; onPointerUpCapture?: PointerEventHandler<HTMLTextAreaElement>; onProgress?: ReactEventHandler<HTMLTextAreaElement>; onProgressCapture?: ReactEventHandler<HTMLTextAreaElement>; onRateChange?: ReactEventHandler<HTMLTextAreaElement>; onRateChangeCapture?: ReactEventHandler<HTMLTextAreaElement>; onReset?: ReactEventHandler<HTMLTextAreaElement>; onResetCapture?: ReactEventHandler<HTMLTextAreaElement>; onScroll?: UIEventHandler<HTMLTextAreaElement>; onScrollCapture?: UIEventHandler<HTMLTextAreaElement>; onScrollEnd?: UIEventHandler<HTMLTextAreaElement>; onScrollEndCapture?: UIEventHandler<HTMLTextAreaElement>; onSeeked?: ReactEventHandler<HTMLTextAreaElement>; onSeekedCapture?: ReactEventHandler<HTMLTextAreaElement>; onSeeking?: ReactEventHandler<HTMLTextAreaElement>; onSeekingCapture?: ReactEventHandler<HTMLTextAreaElement>; onSelect?: ReactEventHandler<HTMLTextAreaElement>; onSelectCapture?: ReactEventHandler<HTMLTextAreaElement>; onStalled?: ReactEventHandler<HTMLTextAreaElement>; onStalledCapture?: ReactEventHandler<HTMLTextAreaElement>; onSubmit?: SubmitEventHandler<HTMLTextAreaElement>; onSubmitCapture?: SubmitEventHandler<HTMLTextAreaElement>; onSuspend?: ReactEventHandler<HTMLTextAreaElement>; onSuspendCapture?: ReactEventHandler<HTMLTextAreaElement>; onTimeUpdate?: ReactEventHandler<HTMLTextAreaElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLTextAreaElement>; onToggle?: ToggleEventHandler<HTMLTextAreaElement>; onTouchCancel?: TouchEventHandler<HTMLTextAreaElement>; onTouchCancelCapture?: TouchEventHandler<HTMLTextAreaElement>; onTouchEnd?: TouchEventHandler<HTMLTextAreaElement>; onTouchEndCapture?: TouchEventHandler<HTMLTextAreaElement>; onTouchMove?: TouchEventHandler<HTMLTextAreaElement>; onTouchMoveCapture?: TouchEventHandler<HTMLTextAreaElement>; onTouchStart?: TouchEventHandler<HTMLTextAreaElement>; onTouchStartCapture?: TouchEventHandler<HTMLTextAreaElement>; onTransitionCancel?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionEnd?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionRun?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionStart?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLTextAreaElement>; onVolumeChange?: ReactEventHandler<HTMLTextAreaElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLTextAreaElement>; onWaiting?: ReactEventHandler<HTMLTextAreaElement>; onWaitingCapture?: ReactEventHandler<HTMLTextAreaElement>; onWheel?: WheelEventHandler<HTMLTextAreaElement>; onWheelCapture?: WheelEventHandler<HTMLTextAreaElement>; part?: string; placeholder?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; readOnly?: boolean; rel?: string; required?: boolean; resource?: string; results?: number; rev?: string; role?: AriaRole; rows?: number; security?: string; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; typeof?: string; unselectable?: "off" | "on"; value?: string | number | readonly string[]; vocab?: string; wrap?: string; &#125;, HTMLElement> = ShadcnTextarea

Parameters

props

TextareaHTMLAttributes<HTMLTextAreaElement>

Returns

DetailedReactHTMLElement<&#123; 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; autoComplete?: string; autoCorrect?: string; autoFocus?: boolean; autoSave?: string; children?: ReactNode; className: string; color?: string; cols?: number; content?: string; contentEditable?: Booleanish | "inherit" | "plaintext-only"; contextMenu?: string; dangerouslySetInnerHTML?: &#123; __html: string | TrustedHTML; &#125;; datatype?: string; defaultChecked?: boolean; defaultValue?: string | number | readonly string[]; dir?: string; dirName?: string; disabled?: boolean; draggable?: Booleanish; enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send"; exportparts?: string; form?: 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; maxLength?: number; minLength?: number; name?: string; nonce?: string; onAbort?: ReactEventHandler<HTMLTextAreaElement>; onAbortCapture?: ReactEventHandler<HTMLTextAreaElement>; onAnimationEnd?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationEndCapture?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationIteration?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationIterationCapture?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationStart?: AnimationEventHandler<HTMLTextAreaElement>; onAnimationStartCapture?: AnimationEventHandler<HTMLTextAreaElement>; onAuxClick?: MouseEventHandler<HTMLTextAreaElement>; onAuxClickCapture?: MouseEventHandler<HTMLTextAreaElement>; onBeforeInput?: InputEventHandler<HTMLTextAreaElement>; onBeforeInputCapture?: InputEventHandler<HTMLTextAreaElement>; onBeforeToggle?: ToggleEventHandler<HTMLTextAreaElement>; onBlur?: FocusEventHandler<HTMLTextAreaElement>; onBlurCapture?: FocusEventHandler<HTMLTextAreaElement>; onCanPlay?: ReactEventHandler<HTMLTextAreaElement>; onCanPlayCapture?: ReactEventHandler<HTMLTextAreaElement>; onCanPlayThrough?: ReactEventHandler<HTMLTextAreaElement>; onCanPlayThroughCapture?: ReactEventHandler<HTMLTextAreaElement>; onChange?: ChangeEventHandler<HTMLTextAreaElement, HTMLTextAreaElement>; onChangeCapture?: ChangeEventHandler<HTMLTextAreaElement, Element>; onClick?: MouseEventHandler<HTMLTextAreaElement>; onClickCapture?: MouseEventHandler<HTMLTextAreaElement>; onCompositionEnd?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionEndCapture?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionStart?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionStartCapture?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionUpdate?: CompositionEventHandler<HTMLTextAreaElement>; onCompositionUpdateCapture?: CompositionEventHandler<HTMLTextAreaElement>; onContextMenu?: MouseEventHandler<HTMLTextAreaElement>; onContextMenuCapture?: MouseEventHandler<HTMLTextAreaElement>; onCopy?: ClipboardEventHandler<HTMLTextAreaElement>; onCopyCapture?: ClipboardEventHandler<HTMLTextAreaElement>; onCut?: ClipboardEventHandler<HTMLTextAreaElement>; onCutCapture?: ClipboardEventHandler<HTMLTextAreaElement>; onDoubleClick?: MouseEventHandler<HTMLTextAreaElement>; onDoubleClickCapture?: MouseEventHandler<HTMLTextAreaElement>; onDrag?: DragEventHandler<HTMLTextAreaElement>; onDragCapture?: DragEventHandler<HTMLTextAreaElement>; onDragEnd?: DragEventHandler<HTMLTextAreaElement>; onDragEndCapture?: DragEventHandler<HTMLTextAreaElement>; onDragEnter?: DragEventHandler<HTMLTextAreaElement>; onDragEnterCapture?: DragEventHandler<HTMLTextAreaElement>; onDragExit?: DragEventHandler<HTMLTextAreaElement>; onDragExitCapture?: DragEventHandler<HTMLTextAreaElement>; onDragLeave?: DragEventHandler<HTMLTextAreaElement>; onDragLeaveCapture?: DragEventHandler<HTMLTextAreaElement>; onDragOver?: DragEventHandler<HTMLTextAreaElement>; onDragOverCapture?: DragEventHandler<HTMLTextAreaElement>; onDragStart?: DragEventHandler<HTMLTextAreaElement>; onDragStartCapture?: DragEventHandler<HTMLTextAreaElement>; onDrop?: DragEventHandler<HTMLTextAreaElement>; onDropCapture?: DragEventHandler<HTMLTextAreaElement>; onDurationChange?: ReactEventHandler<HTMLTextAreaElement>; onDurationChangeCapture?: ReactEventHandler<HTMLTextAreaElement>; onEmptied?: ReactEventHandler<HTMLTextAreaElement>; onEmptiedCapture?: ReactEventHandler<HTMLTextAreaElement>; onEncrypted?: ReactEventHandler<HTMLTextAreaElement>; onEncryptedCapture?: ReactEventHandler<HTMLTextAreaElement>; onEnded?: ReactEventHandler<HTMLTextAreaElement>; onEndedCapture?: ReactEventHandler<HTMLTextAreaElement>; onError?: ReactEventHandler<HTMLTextAreaElement>; onErrorCapture?: ReactEventHandler<HTMLTextAreaElement>; onFocus?: FocusEventHandler<HTMLTextAreaElement>; onFocusCapture?: FocusEventHandler<HTMLTextAreaElement>; onGotPointerCapture?: PointerEventHandler<HTMLTextAreaElement>; onGotPointerCaptureCapture?: PointerEventHandler<HTMLTextAreaElement>; onInput?: InputEventHandler<HTMLTextAreaElement>; onInputCapture?: InputEventHandler<HTMLTextAreaElement>; onInvalid?: ReactEventHandler<HTMLTextAreaElement>; onInvalidCapture?: ReactEventHandler<HTMLTextAreaElement>; onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyDownCapture?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyPress?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyPressCapture?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>; onKeyUpCapture?: KeyboardEventHandler<HTMLTextAreaElement>; onLoad?: ReactEventHandler<HTMLTextAreaElement>; onLoadCapture?: ReactEventHandler<HTMLTextAreaElement>; onLoadedData?: ReactEventHandler<HTMLTextAreaElement>; onLoadedDataCapture?: ReactEventHandler<HTMLTextAreaElement>; onLoadedMetadata?: ReactEventHandler<HTMLTextAreaElement>; onLoadedMetadataCapture?: ReactEventHandler<HTMLTextAreaElement>; onLoadStart?: ReactEventHandler<HTMLTextAreaElement>; onLoadStartCapture?: ReactEventHandler<HTMLTextAreaElement>; onLostPointerCapture?: PointerEventHandler<HTMLTextAreaElement>; onLostPointerCaptureCapture?: PointerEventHandler<HTMLTextAreaElement>; onMouseDown?: MouseEventHandler<HTMLTextAreaElement>; onMouseDownCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseEnter?: MouseEventHandler<HTMLTextAreaElement>; onMouseLeave?: MouseEventHandler<HTMLTextAreaElement>; onMouseMove?: MouseEventHandler<HTMLTextAreaElement>; onMouseMoveCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseOut?: MouseEventHandler<HTMLTextAreaElement>; onMouseOutCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseOver?: MouseEventHandler<HTMLTextAreaElement>; onMouseOverCapture?: MouseEventHandler<HTMLTextAreaElement>; onMouseUp?: MouseEventHandler<HTMLTextAreaElement>; onMouseUpCapture?: MouseEventHandler<HTMLTextAreaElement>; onPaste?: ClipboardEventHandler<HTMLTextAreaElement>; onPasteCapture?: ClipboardEventHandler<HTMLTextAreaElement>; onPause?: ReactEventHandler<HTMLTextAreaElement>; onPauseCapture?: ReactEventHandler<HTMLTextAreaElement>; onPlay?: ReactEventHandler<HTMLTextAreaElement>; onPlayCapture?: ReactEventHandler<HTMLTextAreaElement>; onPlaying?: ReactEventHandler<HTMLTextAreaElement>; onPlayingCapture?: ReactEventHandler<HTMLTextAreaElement>; onPointerCancel?: PointerEventHandler<HTMLTextAreaElement>; onPointerCancelCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerDown?: PointerEventHandler<HTMLTextAreaElement>; onPointerDownCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerEnter?: PointerEventHandler<HTMLTextAreaElement>; onPointerLeave?: PointerEventHandler<HTMLTextAreaElement>; onPointerMove?: PointerEventHandler<HTMLTextAreaElement>; onPointerMoveCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerOut?: PointerEventHandler<HTMLTextAreaElement>; onPointerOutCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerOver?: PointerEventHandler<HTMLTextAreaElement>; onPointerOverCapture?: PointerEventHandler<HTMLTextAreaElement>; onPointerUp?: PointerEventHandler<HTMLTextAreaElement>; onPointerUpCapture?: PointerEventHandler<HTMLTextAreaElement>; onProgress?: ReactEventHandler<HTMLTextAreaElement>; onProgressCapture?: ReactEventHandler<HTMLTextAreaElement>; onRateChange?: ReactEventHandler<HTMLTextAreaElement>; onRateChangeCapture?: ReactEventHandler<HTMLTextAreaElement>; onReset?: ReactEventHandler<HTMLTextAreaElement>; onResetCapture?: ReactEventHandler<HTMLTextAreaElement>; onScroll?: UIEventHandler<HTMLTextAreaElement>; onScrollCapture?: UIEventHandler<HTMLTextAreaElement>; onScrollEnd?: UIEventHandler<HTMLTextAreaElement>; onScrollEndCapture?: UIEventHandler<HTMLTextAreaElement>; onSeeked?: ReactEventHandler<HTMLTextAreaElement>; onSeekedCapture?: ReactEventHandler<HTMLTextAreaElement>; onSeeking?: ReactEventHandler<HTMLTextAreaElement>; onSeekingCapture?: ReactEventHandler<HTMLTextAreaElement>; onSelect?: ReactEventHandler<HTMLTextAreaElement>; onSelectCapture?: ReactEventHandler<HTMLTextAreaElement>; onStalled?: ReactEventHandler<HTMLTextAreaElement>; onStalledCapture?: ReactEventHandler<HTMLTextAreaElement>; onSubmit?: SubmitEventHandler<HTMLTextAreaElement>; onSubmitCapture?: SubmitEventHandler<HTMLTextAreaElement>; onSuspend?: ReactEventHandler<HTMLTextAreaElement>; onSuspendCapture?: ReactEventHandler<HTMLTextAreaElement>; onTimeUpdate?: ReactEventHandler<HTMLTextAreaElement>; onTimeUpdateCapture?: ReactEventHandler<HTMLTextAreaElement>; onToggle?: ToggleEventHandler<HTMLTextAreaElement>; onTouchCancel?: TouchEventHandler<HTMLTextAreaElement>; onTouchCancelCapture?: TouchEventHandler<HTMLTextAreaElement>; onTouchEnd?: TouchEventHandler<HTMLTextAreaElement>; onTouchEndCapture?: TouchEventHandler<HTMLTextAreaElement>; onTouchMove?: TouchEventHandler<HTMLTextAreaElement>; onTouchMoveCapture?: TouchEventHandler<HTMLTextAreaElement>; onTouchStart?: TouchEventHandler<HTMLTextAreaElement>; onTouchStartCapture?: TouchEventHandler<HTMLTextAreaElement>; onTransitionCancel?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionCancelCapture?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionEnd?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionEndCapture?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionRun?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionRunCapture?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionStart?: TransitionEventHandler<HTMLTextAreaElement>; onTransitionStartCapture?: TransitionEventHandler<HTMLTextAreaElement>; onVolumeChange?: ReactEventHandler<HTMLTextAreaElement>; onVolumeChangeCapture?: ReactEventHandler<HTMLTextAreaElement>; onWaiting?: ReactEventHandler<HTMLTextAreaElement>; onWaitingCapture?: ReactEventHandler<HTMLTextAreaElement>; onWheel?: WheelEventHandler<HTMLTextAreaElement>; onWheelCapture?: WheelEventHandler<HTMLTextAreaElement>; part?: string; placeholder?: string; popover?: "" | "auto" | "manual" | "hint"; popoverTarget?: string; popoverTargetAction?: "toggle" | "show" | "hide"; prefix?: string; property?: string; radioGroup?: string; readOnly?: boolean; rel?: string; required?: boolean; resource?: string; results?: number; rev?: string; role?: AriaRole; rows?: number; security?: string; slot?: string; spellCheck?: Booleanish; style?: CSSProperties; suppressContentEditableWarning?: boolean; suppressHydrationWarning?: boolean; tabIndex?: number; title?: string; translate?: "yes" | "no"; typeof?: string; unselectable?: "off" | "on"; value?: string | number | readonly string[]; vocab?: string; wrap?: string; &#125;, HTMLElement>

Use When

  • Your project uses shadcn/ui and you want styled form components out of the box
  • You are prototyping with the shadcn preset before wiring up real shadcn components