IconField

IconField 是标准输入元素的扩展,具有主题和键过滤功能。


import { IconField } from 'primereact/iconfield';
import { InputIcon } from 'primereact/inputicon';
         

IconField 用作具有valueonChange属性的受控输入。


<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 用作具有valueonChange属性的受控输入。


<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 不需要任何角色和属性。

键盘支持

组件不包含任何交互元素。