Combo API Overview
Initialization
<script>
import { Combo } from "@svar-ui/svelte-core";
const dataset = [
{id:1, label:"First option"},
{id:2, label:"Second option"},
{id:3, label:"Third option"}
]
</script>
<Combo options={dataset}/>
tip
- Visit the Features Guide to learn more about the control's functionality.
- Explore the samples to visualize the available features.
Combo Properties
clear | Optional. Adds the Clear button into a combo input |
disabled | Optional. Defines whether a combo is disabled |
error | Optional. Defines whether error styling is applied to a combo |
id | Optional. Sets an id for a combo |
options | Optional. Specifies a set of data items that will be used as combo options |
placeholder | Optional. Sets the text of the input's placeholder |
textField | Optional. Binds combo options to the input field by the specified key |
textOptions | Optional. Specifies a set of data items that will be used in the input and hidden from dropdown |
title | Optional. Sets a tooltip text with additional info about the control |
value | Optional. Sets the value of a combo |
Combo Events
change | Fires when a new option is selected in a combo |