No Preview

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.


  

Input

Overview

An input field includes a label and a text field users can type text into. They typically appear in forms and dialogs.

Description goes here

Variants

Default

States

With States Messages

Nomral search

Disabled search

Loader

With Icons

Props

NameDescriptionDefault
alignSearchIcon
"left""right"
-
css
CSS
-
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"; } & { ...; })
-
isLoading
boolean
-
isSearching
boolean
-
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
-