
### children
- type: ReactNode
- description: Element to render as the popover trigger.

If `children` is a custom React component, it must:
- Accept and forward a `ref` to the underlying DOM element for popover positioning.
- Pass `aria-*` attributes down to the underlying DOM element for accessibility.
- If interactive, must also forward interaction handlers (e.g., `onClick`).

If `children` is a native HTML element, no additional requirements are needed.
### disabled
- type: boolean
- description: Specifies whether input should be disabled or not
### size
- type: "small" | "medium" | "large"
- description: Controls the size of the input. Default value: `medium`
- default: 'medium'
### dataHook
- type: string
- description: Applies a data-hook HTML attribute that can be used in the tests
### className
- type: string
- description: Specifies a CSS class name to be appended to the component's root element.
- internal
### ariaLabel
- type: string
- description: Define a string that labels the current element in case where a text label is not visible on the screen
### clearButton
- type: boolean
- description: Displays clear button (X) on a non-empty input
### clearButtonAriaLabel
- type: string
- description: Aria label for the clear button
### value
- type: string
- description: Specifies the current value of the element
- default: ''
### onFocus
- type: FocusEventHandler
- description: Defines a standard input onFocus callback
### onBlur
- type: FocusEventHandler
- description: Defines a standard input onBlur callback
### autoSelect
- type: boolean
- description: Automatically selects the entire input text
### onClear
- type: (event: KeyboardEvent<HTMLButtonElement> | MouseEvent<HTMLButtonElement, MouseEvent>) => void
- description: Displays clear button (X) on a non-empty input and calls a callback function
### status
- type: "loading" | "error" | "warning"
- description: Specify the status of a field
### statusMessage
- type: ReactNode
- description: Defines the message to display on status icon hover. If not given or empty there will be no tooltip.
### border
- type: "none" | "standard" | "round" | "bottomLine"
- description: Control the border style of input
### placeholder
- type: string
- description: Sets a placeholder message to display
- default: ''
### tabIndex
- type: number
- description: Indicates that element can be focused and where it participates in sequential keyboard navigation
### autoFocus
- type: boolean
- description: Focus the element on mount (standard React input autoFocus)
### suffix
- type: ReactNode
- description: Pass a component you want to show as the suffix of the input, e.g., text, icon
### role
- type: string
- description: Specifies the role of the input element for accessibility
### id
- type: string
- description: Assigns a unique identifier for the root element
### type
- type: string
- description: Specifies the type of `<input/>` element to display. Default is text.
### prefix
- type: ReactNode
- description: Pass a component you want to show as the prefix of the input, e.g., text, icon
### onEnterPressed
- type: KeyboardEventHandler<HTMLInputElement>
- description: Defines a callback handler that is called when the user presses -enter-
### maxLength
- type: number
- description: Sets the maximum number of characters that can be inserted to a field
### step
- type: number
- description: Specifies the interval between number values
### name
- type: string
- description: Reference element data when a form is submitted
### defaultValue
- type: string | number
- description: Defines the initial value of an input
### onCopy
- type: ClipboardEventHandler<HTMLInputElement>
- description: Defines a callback handler that is called when user copies text to a clipboard (using a mouse or keyboard shortcut)
### onPaste
- type: ClipboardEventHandler<HTMLInputElement>
- description: Defines a callback handler that is called when user pastes text from a clipboard (using a mouse or keyboard shortcut)
### onKeyDown
- type: KeyboardEventHandler<HTMLInputElement>
- description: Defines a standard input onKeyDown callback
### onKeyUp
- type: KeyboardEventHandler<HTMLInputElement>
- description: Defines a standard input onKeyUp callback
### textOverflow
- type: "ellipsis" | "clip"
- description: Handles text overflow behavior. It can either `clip` (default) or display `ellipsis`.
### required
- type: boolean
- description: Specifies whether input is mandatory
### pattern
- type: string
- description: Sets a pattern that typed value must match to be valid (regex)
### ariaControls
- type: string
- description: Associate a control with the regions that it controls
### ariaDescribedby
- type: string
- description: Associate a region with its descriptions. Similar to aria-controls but instead associating descriptions to the region and description identifiers are separated with a space.
### autocomplete
- type: string
- description: Sets the value of native autocomplete attribute (check the [HTML spec](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#attr-fe-autocomplete) for possible values
### statusMessageTooltipProps
- type: TooltipCommonProps
- description: Status message tooltip props
### hideStatusSuffix
- type: boolean
- description: Specifies whether status suffix should be hidden
### forceFocus
- type: boolean
- description: USED FOR TESTING - forces focus state on the input
### forceHover
- type: boolean
- description: USED FOR TESTING - forces hover state on the input
### menuArrow
- type: boolean
- description: Specifies whether input should have a dropdown menu arrow on the right side
### focusOnClearClick
- type: boolean
- description: Specifies whether to focus the field when clear button is clicked
### noLeftBorderRadius
- type: boolean
- description: Specifies whether input shouldn't have rounded corners on its left
### noRightBorderRadius
- type: boolean
- description: Specifies whether input shouldn't have rounded corners on its right
### onCompositionChange
- type: (isComposing: boolean) => void
- description: Defines a callback function called on compositionstart/compositionend events
### onEscapePressed
- type: KeyboardEventHandler<HTMLInputElement>
- description: Defines a callback handler that is called when the user presses -escape-
### onInputClicked
- type: MouseEventHandler
- description: Defines a standard input onClick callback
### readOnly
- type: boolean
- description: Specifies whether input is read only
### disableEditing
- type: boolean
- description: Restricts input editing
### rtl
- type: boolean
- description: Specifies text direction. If true, the text will be displayed from right to left
### tooltipPlacement
- type: "right" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start"
- description: Controls placement of a status tooltip
- deprecated
### withSelection
- type: boolean
- description: No description
### min
- type: number
- description: Sets a minimum value of an input. Similar to HTML5 min attribute.
### max
- type: number
- description: Sets a maximum value of an input. Similar to html5 max attribute.
### customInput
- type: ReactNode | Function
- description: Render a custom input instead of the default html input tag
### inputRef
- type: (input: HTMLInputElement) => void
- description: No description
### inputmode
- type: string
- description: No description
### ariaRoledescription
- type: string
- description: No description
### clearButtonTooltipContent
- type: ReactNode
- description: When provided hover will display a tooltip with content
### clearButtonTooltipProps
- type: TooltipCommonProps
- description: Clear button tooltip props
### inputElementRef
- type: any
- description: Specifies reference of the input element
- internal
### popoverPlacement
- type: "right" | "left" | "auto" | "auto-start" | "auto-end" | "top-start" | "top" | "top-end" | "right-start" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left-start"
- description: No description
### popoverAppendTo
- type: "window" | "viewport" | "scrollParent" | "parent"
- description: No description
### onConfirm
- type: (color: string | object) => void
- description: Returns confirmed value
### onCancel
- type: (color: string | object) => void
- description: Returns last confirmed value from `value` prop
### onChange
- type: (color: string | object) => void
- description: Returns changed value of input or color picker
### colorPickerChildren
- type: ReactNode
- description: Defines child items to render inside of a component. Accepts any kind of content. It receives the `changeColor` function to control <ColorInput/> value.
### onAddColor
- type: (color: string | object) => void
- description: Defines a callback handler with color HEX string. Handler is called whenever the `Add Color` button is pressed.
### addTooltipContent
- type: ReactNode
- description: Defines content to show in add button tooltip. Does not appear if `onAdd` is not passed.
### popoverProps
- type: Omit<PopoverNextProps, "children" | "dataHook" | "appendTo" | "fixed" | "placement" | "onClickOutside" | "open" | "showArrow" | "shown" | "onOpenChange">
- description: Allows to pass popover props. See <PopoverNext/> API for a full list.

