Input

type Input = {
  allowAutofillExtensions?: boolean;
  autoFocus?: boolean;
  autoSelect?: boolean;
  defaultValue?: string;
  disabled?: boolean;
  gutterSize?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
  id?: string;
  inputType?: 'number' | 'email' | 'text' | 'password' | 'tel' | 'url';
  key?: string;
  name: string;
  pattern?: string;
  pill?: boolean;
  placeholder?: string;
  required?: boolean;
  size?: ControlSize;
  type: 'Input';
  variant?: 'soft' | 'outline';
};

Properties

allowAutofillExtensions?

optional allowAutofillExtensions: boolean;

---

autoFocus?

optional autoFocus: boolean;

---

autoSelect?

optional autoSelect: boolean;

---

defaultValue?

optional defaultValue: string;

---

disabled?

optional disabled: boolean;

---

gutterSize?

optional gutterSize: "2xs" | "xs" | "sm" | "md" | "lg" | "xl";

---

id?

optional id: string;

---

inputType?

optional inputType: "number" | "email" | "text" | "password" | "tel" | "url";

---

key?

optional key: string;

---

name

name: string;

---

pattern?

optional pattern: string;

---

pill?

optional pill: boolean;

---

placeholder?

optional placeholder: string;

---

required?

optional required: boolean;

---

size?

optional size: ControlSize;

---

type

type: 'Input';

---

variant?

optional variant: "soft" | "outline";