j-Drawer

jComponent 20 · jcomponent@20 component Príklad načítaný s jComponent 20

Stav if {String}, porovnáva sa s hodnotou v rámci path
Zarovnanie align {String} (predvolené: left)
NEW: width {Number} predvolená šírka (predvolená: 250)
NOVINKA: widthlg {Number} voliteľné, šírka pre veľké displeje
NOVINKA: widthmd {Number} voliteľné, šírka pre stredné displeje
NOVINKA: widthsm {Number} voliteľné, šírka pre malé displeje
NOVINKA: widthxs {Number} voliteľné, šírka pre extra malé displeje

Použite ho so <ui-component name="drawer">. 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.

example.html

<ui-component name="drawer" path="common.menu" config="if:main;align:left" class="hidden">
	<button><i class="ti ti-inbox"></i>Inbox</button>
	<button class="selected"><i class="ti ti-star"></i>Starred</button>
	<button><i class="ti ti-envelope"></i>Send mail</button>
	<hr />
	<a href="#"><i class="ti ti-trash"></i>Trash</a>
</ui-component>

<script>
	var common = { menu: 'main' };
</script>