Sorry, but you either have no stories or none are selected somehow.
If the problem persists, check the browser console, or the terminal you've run Storybook from.
An input field includes a label and a text field users can type text into. They typically appear in forms and dialogs.
This is an input example
Normal input
Disabled input
Error input
Success input
| Name | Description | Default |
|---|---|---|
| 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 | - |