# j-DropdownCheckbox

> j-DropdownCheckbox: NOVINKA teraz podporuje tmavý režim

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: sk
Content-SHA256: 9412039f1f1eb37f1a6d7405e701dde0e6f3e019d895cbfa2f728f6f09e52191
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

- _NEW_ teraz podporuje tmavé módy


__Konfigurácia__:

- `required {Boolean}` (voliteľné) povolí "povinné" (predvolené: `false`)
- `items {String}` (voliteľné) statické položky `key1|value1, key2 with value, key3|value`
- `icon {String}` (voliteľná) ikona pre značku bez `ti-` napr. `home`, `cog`, atď.
- `checkicon {String}` (voliteľná) kontrolná ikona bez `ti-`, (predvolená: `check`).
- `label {String}` (voliteľná) značka (predvolená je obsah HTML)
- `datasource {String}` cesta k zdroju údajov (musí byť pole)
- `text {String}` určuje názov vlastnosti pre text (v zdroji údajov), predvolené: `name`
- `value {String}` určuje názov majetku pre predvolenú hodnotu (v zdroji údajov) :`id`
- `disabled {Boolean}` (voliteľné) deaktivuje tento komponent
- `cleaner {Boolean}` (voliteľne) odstraňuje neexistujúce hodnoty (default: `true`)
- `limit {Number}` (voliteľné) stanovuje limit pre vybrané položky (predvolené: `0`)
- `visible {Number}` (voliteľne) nastaví maximálne viditeľné položky a potom zobrazí `X selected` (predvolené: `0`)
- `selectedtext {String}` (voliteľne) nastaví správu pre maximálne viditeľné položky, napr. `{0} selected from {1}` (predvolené: `{0} selected`)
- `alltext {String}` (voliteľné) keď sú všetky položky vybrané, zobrazí sa to (predvolené: `All selected` môžete vypnúť s `null`)
- `placeholder {String}` (voliteľne) nastaví text pre držiteľa miesta

Použite ho so `<ui-component name="dropdowncheckbox">`. Keď komponent ešte nie je načítaný, jComponent ho stiahne pri prvom použití z adresy v `DEF.fallback` (predvolene CDN Componentator). Autor: Peter Širka. Zdroj: úložisko komponentov Componentator, licencia MIT.

```html example.html
<div style="width:200px">
	<ui-component name="dropdowncheckbox" path="selected" config="required:true;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>
<div style="width:200px;margin-top:30px">
	<ui-component name="dropdowncheckbox" path="selected2" config="placeholder:Placeholder;type:number;items:Text 1|0,Text 2|1,Text 3|2,Text 4|3,Text 5|4,Text 6|5;visible:3">My label</ui-component>
</div>
```