Geist UI

Attribute	Description	Type	Accepted values	Default
value	input value	`string`	-	-
initialValue	initial value	`string`	-	-
placeholder	placeholder	`string`	-	-
type	current type	`InputTypes`	InputTypes	`default`
htmlType	native type attr	`string`	-	`text`
readOnly	native attr	`boolean`	-	`false`
disabled	disable input	`boolean`	-	`false`
clearable	show clear icon	`boolean`	-	`false`
label	text label for input	`string`	-	-
labelRight	text label at right for input	`string`	-	-
icon	icon for input	`React.ReactNode`	-	-
iconRight	icon at right for input	`React.ReactNode`	-	-
iconClickable	icons are clickable	`boolean`	-	`false`
onIconClick	click icon event	`(e: React.ChangeEvent) => void`	-	-
onChange	change event	`(e: React.ChangeEvent) => void`	-	-
onClearClick	clear icon event	`(e: React.MouseEvent) => void`	-	-
ref	forwardRef	`Ref<HTMLInputElement \| null>`	-	-
...	native props	`InputHTMLAttributes`	`'alt', 'type', 'className', ...`	-

`Input.Password.Props`

Attribute	Description	Type	Accepted values	Default
hideToggle	hide toggle icon	`boolean`	-	`false`
...	input props	`Input.Props`	Input.Props	-

`InputTypes`

type InputTypes = 'default' | 'secondary' | 'success' | 'warning' | 'error'

`useInput`

type useInput = (initialValue: string) => {
  state: string
  setState: Dispatch<SetStateAction<string>>
  currentRef: MutableRefObject<string>
  reset: () => void
  bindings: {
    value: string
    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void
  }
}

Contributors