Input

<Field label="ชื่อที่แสดง">
  <Input autoComplete="name" />
</Field>

<Input type="search" start={<MagnifyingGlass />} placeholder="พิมพ์ชื่อคอร์สหรือหัวข้อ" />

<Input
  type={shown ? "text" : "password"}
  action={
    <Button size="sm" variant="ghost" iconOnly aria-pressed={shown}
      aria-label={shown ? "ซ่อนรหัสผ่าน" : "แสดงรหัสผ่าน"} onClick={toggle}>
      {shown ? <EyeSlash /> : <Eye />}
    </Button>
  }
/>

<Input size="sm" />
<Input />
<Input size="lg" />
<Input disabled />
<Input readOnly />