This story is not configured to handle controls. Learn how to add controls
| Name | Description | Default | Control |
|---|---|---|---|
| css | CSS | - | - |
| inputContainerRef | (instance: HTMLDivElement) => void | RefObject<HTMLDivElement> | - | - |
| isDisabled | Whether the input is disabled. (boolean | "true" | ({ "@desktop"?: boolean | "true"; "@laptop"?: boolean | "true"; "@tablet"?: boolean | "true"; "@largeMobile"?: boolean | "true"; "@mobile"?: boolean | "true"; "@initial"?: boolean | "true"; } & { ...; })) & boolean | - | - |
| isFocused | boolean | "true" | ({ "@desktop"?: boolean | "true"; "@laptop"?: boolean | "true"; "@tablet"?: boolean | "true"; "@largeMobile"?: boolean | "true"; "@mobile"?: boolean | "true"; "@initial"?: boolean | "true"; } & { ...; }) | - | - |
| leftIcon | ReactNode | - | - |
| onEnterKeyPress | () => void | - | - |
| prefix | ReactNode | - | - |
| preserveLabelSpace | boolean | - | - |
| rightIcon | ReactNode | - | - |
| status | ("success" | "error" | "normal" | ({ "@desktop"?: "success" | "error" | "normal"; "@laptop"?: "success" | "error" | "normal"; "@tablet"?: "success" | "error" | "normal"; "@largeMobile"?: "success" | ... 1 more ... | "normal"; "@mobile"?: "success" | ... 1 more ... | "normal"; "@initial"?: "success" | ... 1 more ... ... | - | - |
| successMessage | string | - | - |
| suffix | ReactNode | - | - |
No interactions found