A user input in a form field is needed.
A search input is required.
Basic usage example.Width can be set to input.
1
<Input placeholder="input here..." width={360} />
Use the size prop to change the size of the button.You can set the value to xs, sm, md, lg or xl.
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>
Example of creating a search box by grouping a standard input with a search button.
2
const { Magnifier, Appcenter } = KubeIcon;
4
<Group direction="column">
5
<Input prefix={<Magnifier size={16} />} suffix={<Loading size={16} />} />
6
<Input prefix="https://" suffix={<Appcenter size={16} />} />
1
<Input placeholder="input here..." disabled />
1
<Input placeholder="请输入..." readOnly/>
Using pre & post tabs example.
2
const { Appcenter } = KubeIcon;
5
<Input addonBefore="https://" width={350} />
6
<Input addonAfter=".com" width={350} prefix={<Appcenter size={16} />} />