1.4 KiB
1.4 KiB
AdvancedSelector
Usage
import AdvancedSelector from "@appserver/common/components/AdvancedSelector";
Description
Required to select some advanced data.
Usage
let options = [{ key: "self", label: "Me" }];
options = [
...options,
...[...Array(100).keys()].map((index) => {
return {
key: `user${index}`,
label: `User ${index + 1} of ${optionsCount}`,
};
}),
];
<AdvancedSelector
placeholder="Search users"
onSearchChanged={(e) => console.log(e.target.value)}
options={options}
isMultiSelect={false}
buttonLabel="Add members"
onSelect={(selectedOptions) => console.log("onSelect", selectedOptions)}
/>;
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
placeholder |
string |
- | |||
options |
array of objects |
- | |||
isMultiSelect |
bool |
- | - | ||
buttonLabel |
string |
- | - | ||
onSearchChanged |
func |
- | - | ||
onSelect |
func |
- | - |