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
clear | Optional. Adds the Clear button into the input |
disabled | Optional. Defines whether a rich select is disabled |
error | Optional. Defines whether error styling is applied to a rich select |
options | Optional. Specifies a set of data items that will be used as rich select options |
placeholder | Optional. Sets a placeholder for the text field |
textField | Optional. Binds Rich select 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 rich select |
RichSelect Events
change | Fires when a new option is selected in a rich select |