Input

1
<Input placeholder="请输入..." width={360} />
2

1
<Group>
2
  <Input size="xs" width={360}></Input>
3
  <Input size="sm" width={360}></Input>
4
  <Input size="md" width={360}></Input>
5
  <Input size="lg" width={360}></Input>
6
  <Input size="xl" width={360}></Input>
7
</Group>
8

1
() => {
2
const { Magnifier, Appcenter } = KubeIcon;
3
return (
4
  <Group direction="column">
5
    <Input prefix={<Magnifier size={16} />} suffix={<Loading size={16} />} />
6
    <Input prefix="https://" suffix={<Appcenter size={16} />} />
7
  </Group>
8
)
9
}
10

1
<Input placeholder="请输入..." disabled />
2

1
<Input placeholder="请输入..." readOnly/>
2

1
() => {
2
  const { Appcenter } = KubeIcon;
3
  return (
4
    <Group>
5
      <Input addonBefore="https://" width={350} />
6
      <Input addonAfter=".com" width={350} prefix={<Appcenter size={16} />} />
7
    </Group>
8
  )
9
}
10