co-combobox

This content is not available in your language yet.

Demo

Ver código

<co-combobox label="Ejemplo"></co-combobox>

Prop	Atributo	Tipo	Default	Descripción
`clearable`	`clearable`	`boolean`	`true`	Show clear button when value is selected
`disabled`	`disabled`	`boolean`	`false`	Disabled state
`footerPrimaryLabel`	`footer-primary-label`	`string`	`'Ok'`	Label for the primary footer button
`footerSecondaryLabel`	`footer-secondary-label`	`string`	`'New Tags'`	Label for the secondary footer button
`helperText`	`helper-text`	`string \| undefined`	`—`	Helper text displayed below the combobox
`iconLeft`	`icon-left`	`string \| undefined`	`—`	Phosphor icon name for the left position
`label`	`label`	`string \| undefined`	`—`	Label text displayed above the combobox
`multiple`	`multiple`	`boolean`	`true`	Whether multiple values can be selected
`options`	`options`	`ComboboxOption[] \| string \| string[]`	`'[]'`	Options to display in the dropdown (array of objects or strings)
`placeholder`	`placeholder`	`string`	`'Placeholder'`	Placeholder text
`searchPlaceholder`	`search-placeholder`	`string`	`'Search'`	Search placeholder text
`searchable`	`searchable`	`boolean`	`false`	Enable search/filter in the dropdown
`secondaryLabel`	`secondary-label`	`string \| undefined`	`—`	Secondary label displayed on the right side
`showFooter`	`show-footer`	`boolean`	`false`	Show footer buttons (New Tags + Ok)
`value`	`value`	`string \| string[]`	`'[]'`	Currently selected values (multi-select)

Evento	Detail	Bubbles	Cancelable	Descripción
`coChange`	`string[]`	✓	✓	Emitted when the selection changes
`coClear`	`void`	✓	✓	Emitted when the clear button is clicked
`coClose`	`void`	✓	✓	Emitted when the dropdown closes
`coFooterPrimary`	`void`	✓	✓	Emitted when the primary footer button is clicked
`coFooterSecondary`	`void`	✓	✓	Emitted when the secondary footer button is clicked
`coOpen`	`void`	✓	✓	Emitted when the dropdown opens

Este componente no expone slots.

Este componente no expone CSS custom properties.