Input — @ossrandom/design-system

Import

import { Input } from "@ossrandom/design-system";

↗ Playground

<Input />

↗ Playground

<Space size="sm">
  <Input
    size="xs"
  />
  <Input
    size="sm"
  />
  <Input
    size="md"
  />
  <Input
    size="lg"
  />
</Space>

↗ Playground

<Space size="sm">
  <Input />
  <Input
  disabled
  />
</Space>

extends BaseProps

Prop	Type
`value`	`string`
`defaultValue`	`string`
`placeholder`	`string`
`size`	`Size`
`status`	`InputStatus`
`disabled`	`boolean`
`readOnly`	`boolean`
`invalid`	`boolean`
`prefix`	`ReactNode`
`suffix`	`ReactNode`
`clearable`	`boolean`
`type`	`"text" \| "email" \| "password" \| "url" \| "search" \| "tel"`
`autoFocus`	`boolean`
`onChange`	`(value: string, e: ChangeEvent<HTMLInputElement>) => void; readonly onFocus?: (e: FocusEvent<HTMLInputElement>) => void; readonly onBlur?: (e: FocusEvent<HTMLInputElement>) => void; readonly onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;`