0.2.26 • Published 2 years ago
sk-select-default v0.2.26
Skinny Widgets Select for Default Theme
select element
npm i sk-select sk-select-default --save
then add the following to your html
<sk-config
theme="default"
base-path="/node_modules/sk-core/src"
theme-path="/node_modules/sk-theme-default"
lang="ru"
id="skConfig"
></sk-config>
<sk-select id="skSelect">
<option value="default">default</option>
<option value="antd">antd</option>
<option value="jquery">jquery</option>
</sk-select>
<script type="module">
import { SkConfig } from '/node_modules/sk-config/src/sk-config.js';
import { SkSelect } from '/node_modules/sk-select/src/sk-select.js';
customElements.define('sk-config', SkConfig);
customElements.define('sk-select', SkSelect);
skSelect.value = skConfig.getAttribute('theme');
skSelect.addEventListener('change', (event) => {
skConfig.setAttribute('theme', event.target.value);
}, false);
</script>
attributes
multiple - sk-select draws multiple selection widget and represent selected options as comma-separated list.
value-type - for multiselect native - show only first selected value as native elements, selectOptions prop will give you all of them, default -- comma-separated list of values.
slots
label - draws label for select
template
id: SkSelectTpl
0.2.26
2 years ago
0.2.25
2 years ago
0.2.24
2 years ago
0.2.23
2 years ago
0.2.22
2 years ago
0.2.21
2 years ago
0.2.20
2 years ago
0.2.19
2 years ago
0.2.18
2 years ago
0.2.16
2 years ago
0.2.15
2 years ago
0.2.14
2 years ago
0.2.13
2 years ago
0.2.12
2 years ago
0.2.17
2 years ago
0.2.11
3 years ago
0.2.10
3 years ago
0.2.9
3 years ago
0.2.8
3 years ago
0.2.7
3 years ago
0.2.6
3 years ago
0.2.5
3 years ago
0.2.4
3 years ago
0.2.3
3 years ago
0.2.2
3 years ago
0.2.1
3 years ago
0.2.0
3 years ago