co-select

This content is not available in your language yet.

Demo

Ver código

<co-select label="País" placeholder="Selecciona…"></co-select>

Prop	Atributo	Tipo	Default	Descripción
`clearable`	`clearable`	`boolean`	`false`
`disabled`	`disabled`	`boolean`	`false`
`emptyText`	`empty-text`	`string`	`'No results'`
`helperText`	`helper-text`	`string \| undefined`	`—`
`iconLeft`	`icon-left`	`string \| undefined`	`—`
`label`	`label`	`string \| undefined`	`—`
`layout`	`layout`	`"horizontal" \| "vertical"`	`'vertical'`	Label layout: vertical (label above) or horizontal (label beside)
`multiple`	`multiple`	`boolean`	`false`
`options`	`options`	`SelectOption[] \| string \| string[]`	`'[]'`
`placeholder`	`placeholder`	`string`	`'Select…'`
`required`	`required`	`boolean`	`false`	Whether the field is required (renders a required marker on the label).
`searchPlaceholder`	`search-placeholder`	`string`	`'Search…'`
`searchable`	`searchable`	`boolean`	`false`	Show a search box inside the dropdown to filter options client-side.
`secondaryLabel`	`secondary-label`	`string \| undefined`	`—`
`size`	`size`	`"lg" \| "md" \| "s" \| "sm"`	`'md'`
`status`	`status`	`"default" \| "error" \| "info" \| "success" \| "warning"`	`'default'`
`value`	`value`	`string \| string[]`	`''`

Evento	Detail	Bubbles	Cancelable	Descripción
`coChange`	`string \| string[]`	✓	✓
`coClear`	`void`	✓	✓

Este componente no expone slots.

Este componente no expone CSS parts.

Este componente no expone CSS custom properties.