sccoreui
Version:
ui-sccore
38 lines (37 loc) • 1.64 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const scMultiSelect_1 = tslib_1.__importDefault(require("../../components/sc-multi-select/scMultiSelect"));
const button_1 = require("primereact/button");
const CustomMultiSelect = () => {
const [selectedItems, setSelectedItems] = (0, react_1.useState)([
'a',
'b',
'c',
'd',
'E'
]);
const items = [
{ label: 'a', value: 'a' },
{ label: 'b', value: 'b' },
{ label: 'c', value: 'c' },
{ label: 'd', value: 'd' },
{ label: 'ltettestttI3', value: 'ltettestttI3' },
{ label: 'E', value: 'E' },
{ label: 'j', value: 'j' },
{ label: 's', value: 's' },
{ label: 'I54', value: 'I54' }
];
const onChange = (e) => {
setSelectedItems(e.value);
// Custom event handler
console.log('Selected items:', e.value);
};
const onAdd = () => {
setSelectedItems([...selectedItems, 'Sam3']);
};
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(scMultiSelect_1.default, { display: "chip", showClear: true, showSelectedCount: true, className: "form_field config-chip", removeChipIcon: true, value: selectedItems, onChange: (e) => onChange(e), options: items, optionLabel: "label" }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: "add", onClick: () => onAdd() })] }));
};
exports.default = CustomMultiSelect;