Codey

Appearance

Icon Field ​

INFO

This component uses the icon field and input icon from PrimeVue. It's full documentation can be found here. It does have some Codey specific features like automation ids, props and slots.

ts
import { XerIconField, XerInputIcon } from "@xerius/codey-components";

Showcases ​

Default ​

With Left Position ​

Without Form Control ​

Note

Using a component directly without XerFormControl or <label> requires you to place the correct aria-label on the underlying component input element.

Props ​

All props from the Prime Icon Field can be provided. The full documentation can be found here.

Events ​

All events from the Prime Icon Field can be provided. The full documentation can be found here.

Slots ​

All slots from the Prime Icon Field can be provided. The full documentation can be found here.

Automation Ids ​

A data-automation-id needs to be provided to the component as Prime Vue based components do not have a default data-automation-id.