diff --git a/example/index.html b/example/index.html
index 890d4b7..a977315 100644
--- a/example/index.html
+++ b/example/index.html
@@ -322,6 +322,19 @@
Select constructor
+
+
Select Style Builder:
+
+ This is a constructor for styling a select online without downloading. For it to work,
+ you need to:
+
+ - Select a part of the select for customization.
+ - Enter styles in the text field in the form "color: red;".
+ - Click on the render button.
+
+
+
+
-
diff --git a/example/src/constructor/constructor.js b/example/src/constructor/constructor.js
index 7aaafe9..097a98a 100644
--- a/example/src/constructor/constructor.js
+++ b/example/src/constructor/constructor.js
@@ -3,19 +3,17 @@ import { CGSelect } from '../../../src/cg-select';
const body = new CGSelect({
selector: '.body',
placeholder: 'Select element to style',
- items: ['head', 'list', 'placeholder', 'caret', 'search', 'chips'],
+ items: ['head', 'list', 'placeholder', 'caret', 'search'],
});
let head = '';
let list = '';
let placeholder = '';
let caret = '';
-let chips = '';
let valueSelect = '';
const textarea = document.querySelector('#styles');
const renderBtn = document.querySelector('.render');
-const saveStyleBtn = document.querySelector('.saveStyle');
body.on('select', (e, value) => {
valueSelect = value;
@@ -43,9 +41,6 @@ function getValueSelect(value) {
case 'search':
search = textarea.value;
break;
- case 'chips':
- chips = textarea.value;
- break;
default:
break;
@@ -69,6 +64,8 @@ renderBtn.addEventListener('click', () => {
'Ferari',
],
searchMode: true,
+ multiselect: true,
+ multiselectTag: true,
});
const drop = document.querySelector('.select');