Skip to main content

RichSelect API Overview

Initialization

import { RichSelect } from "@svar-ui/react-core";

const dataset = [
{ id: 1, label: "First option" },
{ id: 2, label: "Second option" },
{ id: 3, label: "Third option" }
];

export default function Example() {
return <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

clearOptional. Adds the Clear button into the input
disabledOptional. Defines whether a rich select is disabled
errorOptional. Defines whether error styling is applied to a rich select
optionsOptional. Specifies a set of data items that will be used as rich select options
placeholderOptional. Sets a placeholder for the text field
textFieldOptional. Binds Rich select options to the input field by the specified key
textOptionsOptional. Specifies a set of data items that will be used in the input and hidden from dropdown
titleOptional. Sets a tooltip text with additional info about the control
valueOptional. Sets the value of a rich select

RichSelect Events

changeFires when a new option is selected in a rich select