Skip to main content

RichSelect API Overview

Initialization​

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

    const dataset = [
        {id:1, name:"First option"},
        {id:2, name:"Second option"},
        {id:3, name:"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​

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
titlesets a tooltip text with additional info about the control
valuesets the value of a rich select

RichSelect Events​

selectfires when a new option is selected in a rich select