| color | string | undefined | no | | |
| defaultValue | string | undefined | no | | |
| description | React.ReactNode | no | | Contents of <code>Input.Description</code> component. If not set, description is not rendered. |
| descriptionProps | Record<string, any> | undefined | no | | Props passed down to the <code>Input.Description</code> component |
| disabled | boolean | undefined | no | | Sets <code>disabled</code> attribute on the <code>input</code> element |
| displayField | string | undefined | no | | |
| error | React.ReactNode | no | | Determines whether the input should have error styles and <code>aria-invalid</code> attribute |
| errorProps | Record<string, any> | undefined | no | | Props passed down to the <code>Input.Error</code> component |
| id | string | undefined | no | | Static id used as base to generate <code>aria-</code> attributes, by default generates random id |
| inputContainer | ((children: ReactNode) => ReactNode) | undefined | no | (children) => children | Input container component |
| inputWrapperOrder | ("input" | "label" | "error" | "description")[] | undefined | no | ['label', 'description', 'input', 'error'] | Controls order of the elements |
| label | React.ReactNode | no | | Contents of <code>Input.Label</code> component. If not set, label is not rendered. |
| labelElement | "div" | "label" | undefined | no | "label" | <code>Input.Label</code> root element |
| labelProps | Record<string, any> | undefined | no | | Props passed down to the <code>Input.Label</code> component |
| leftSection | React.ReactNode | no | | Content section rendered on the left side of the input |
| leftSectionPointerEvents | PointerEvents | undefined | no | "none" | Sets <code>pointer-events</code> styles on the <code>rightSection</code> element |
| leftSectionWidth | Width<string | number> | undefined | no | | Left section width, used to set <code>width</code> of the section and input <code>padding-left</code>, by default equals to the input height |
| multiline | boolean | undefined | no | false | Determines whether the input can have multiple lines, for example when <code>component="textarea"</code> |
| onChange | ((ids: string | string[]) => void) | undefined | no | | |
| pointer | boolean | undefined | no | false | Determines whether the input should have <code>cursor: pointer</code> style |
| radius | string | undefined | no | "md" | Key of <code>theme.radius</code> or any valid CSS value to set <code>border-radius</code>, numbers are converted to rem |
| required | boolean | undefined | no | | Sets <code>required</code> attribute on the <code>input</code> element |
| rightSection | React.ReactNode | no | | Content section rendered on the right side of the input |
| rightSectionPointerEvents | PointerEvents | undefined | no | "none" | Sets <code>pointer-events</code> styles on the <code>rightSection</code> element |
| rightSectionWidth | Width<string | number> | undefined | no | | Right section width, used to set <code>width</code> of the section and input <code>padding-right</code>, by default equals to the input height |
| size | string | undefined | no | | Controls input <code>height</code> and horizontal <code>padding</code> |
| slots | ({ left?: string | undefined; input?: string | undefined; right?: string | undefined; } & { dropdown?: string | undefined; }) | undefined | no | | |
| tableProps | DataTableProps | yes | | |
| value | string | undefined | no | | |
| variant | "outline" | "default" | "ghost" | undefined | no | "outline" | input variant |
| withAria | boolean | undefined | no | true | Determines whether <code>aria-</code> and other accessibility attributes should be added to the input |
| withAsterisk | boolean | undefined | no | false | Determines whether the required asterisk should be displayed. Overrides <code>required</code> prop. Does not add required attribute to the input. |
| withErrorStyles | boolean | undefined | no | true | Determines whether the input should have red border and red text color when the <code>error</code> prop is set |
| wrapperProps | Record<string, any> | undefined | no | | Props passed down to the root element of the <code>Input</code> component |