j-Drawer

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Bedingung if {String}, es wird mit dem Wert innerhalb von path verglichen
align {String}-Ausrichtung (Standard: left)
NEU: width {Number} eine Standardbreite (Standard: 250)
NEU: widthlg {Number} optional, Breite für große Displays
NEU: widthmd {Number} optional, Breite für mittlere Displays
NEU: widthsm {Number} optional, Breite für kleine Displays
NEU: widthxs {Number} optional, Breite für besonders kleine Displays

Verwenden Sie es mit <ui-component name="drawer">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

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>