Skip to main content

RichSelect API Overview

Initialization

<script>
import { RichSelect } from "wx-svelte-core";

const dataset = [
{id:1, label:"First option"},
{id:2, label:"Second option"},
{id:3, label:"Third option"}
]
</script>

<RichSelect options={dataset}/>
tip
  • Visit the Features Guide to learn more about the control's functionality.
  • Explore the samples to visualize the available features.

RichSelect Properties

clearadds the Clear button into the input
disableddefines whether a rich select is disabled
errordefines whether error styling is applied to a rich select
optionsspecifies a set of data items that will be used as rich select options
placeholdersets a placeholder for the text field
textfieldbinds Rich select options to the input field by the specified key
titlesets a tooltip text with additional info about the control
valuesets the value of a rich select

RichSelect Events

changefires when a new option is selected in a rich select