IconField 是标准输入元素的扩展,具有主题和键过滤功能。
import { IconField } from 'primereact/iconfield';
import { InputIcon } from 'primereact/inputicon';
IconField 用作具有value和onChange属性的受控输入。
<IconField iconPosition="left">
<InputIcon className="pi pi-search"> </InputIcon>
<InputText placeholder="Search" />
</IconField>
<IconField>
<InputIcon className="pi pi-spin pi-spinner"> </InputIcon>
<InputText />
</IconField>
IconField 用作具有value和onChange属性的受控输入。
<IconField iconPosition="left">
<InputIcon>
<svg width="14" height="14" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<g mask="url(#mask0_2642_713)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="..."
fill="var(--primary-color)"
/>
</g>
<path d="..." fill="var(--primary-color)" />
<path d="..." fill="var(--primary-color)" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="..."
fill="var(--primary-color)"
/>
<path d="..." fill="var(--primary-color)" />
<path d="..." fill="var(--primary-color)" />
<path fillRule="evenodd" clipRule="evenodd" d="..." fill="var(--primary-color)" />
<path d="..." fill="var(--primary-color)" />
<path d="..." fill="var(--primary-color)" />
<path d="..." fill="var(--primary-color)" />
<path d="..." fill="var(--primary-color)" />
</svg>
</InputIcon>
<InputText placeholder="Search" />
</IconField>
IconField 和 InputIcon 不需要任何角色和属性。
组件不包含任何交互元素。