@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
38 lines • 1.02 kB
JavaScript
var _Hr;
import { Input } from "../../../../components/index.js";
import { Hr } from "../../../../elements/index.js";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
export function MultiSelectionSearch({
show,
placeholder,
value,
disabled,
onSearchChange
}) {
if (!show) {
return null;
}
return _jsxs(_Fragment, {
children: [_jsx(Input, {
type: "search",
label: false,
icon: "loupe",
iconPosition: "left",
placeholder: placeholder,
value: value,
onChange: e => onSearchChange(e.value),
disabled: disabled,
stretch: true,
showClearButton: true,
onClear: () => onSearchChange(''),
autoCapitalize: "none",
autoCorrect: "off",
spellCheck: false,
className: "dnb-forms-field-multi-selection__search"
}), _Hr || (_Hr = _jsx(Hr, {
space: 0,
className: "dnb-forms-field-multi-selection__separator"
}))]
});
}
//# sourceMappingURL=MultiSelectionSearch.js.map