Codey

Appearance

Dropdown ​

INFO

This component uses the dropdown from PrimeVue. It's full documentation can be found here.

js
import { XerDropdown } from "@xerius/codey-components";

Showcases ​

Default ​

With Selected Option ​

With Grouped Options ​

As Invalid ​

As Disabled ​

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 Dropdown can be provided. The full documentation can be found here.

Events ​

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

Slots ​

All slots from the Prime Dropdown 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.