Lumi.Components.Input

data CheckboxState

Constructors

• On
• Off
• Indeterminate

Instances

• Eq CheckboxState

checkOn :: CheckboxState

checkOff :: CheckboxState

checkIndeterminate :: CheckboxState

data InputVariant

Constructors

• None
• Switch

Instances

• Show InputVariant

variantNone :: InputVariant

variantSwitch :: InputVariant

data InputStep

Constructors

• Any
• Step Number

type InputProps = { autoComplete :: String, autoFocus :: Boolean, checked :: CheckboxState, disabled :: Boolean, max :: Nullable Number, maxLength :: Nullable Int, min :: Nullable Number, minLength :: Nullable Int, name :: String, onBlur :: Nullable EventHandler, onChange :: EventHandler, onFocus :: Nullable EventHandler, onKeyUp :: Nullable EventHandler, pattern :: Nullable String, placeholder :: String, readOnly :: Boolean, required :: Boolean, size :: Size, step :: Nullable InputStep, style :: CSS, testId :: Nullable String, type :: String, value :: String, variant :: InputVariant }

input :: InputProps -> JSX

text_ :: InputProps

username :: InputProps

email :: InputProps

password :: InputProps

newPassword :: InputProps

ccName :: InputProps

ccNumber :: InputProps

ccExpMonth :: InputProps

ccExpYear :: InputProps

ccCode :: InputProps

telephone :: InputProps

search :: InputProps

hidden :: InputProps

date :: InputProps

number :: InputProps

radio :: InputProps

checkbox :: InputProps

color :: InputProps

switch :: InputProps

range :: InputProps

label :: { children :: Array JSX, for :: Nullable String, style :: CSS } -> JSX

label_ :: Array JSX -> JSX

inputRow :: { labelText :: String, leftAligned :: Boolean, style :: CSS } -> InputProps -> JSX

inputRow_ :: String -> InputProps -> JSX

alignToInput :: JSX -> JSX

styles :: JSS

lumiInputStyles :: JSS

lumiInputPlaceholderStyles :: JSS

lumiInputHoverStyles :: JSS

lumiInputFocusStyles :: JSS

lumiInputInvalidStyles :: JSS

lumiInputFocusInvalidStyles :: JSS

lumiInputDisabledStyles :: JSS