j-Drawer

jComponent 20 · jcomponent@20 component Esempio caricato con jComponent 20

condizione di if {String}, è paragonato al valore all'interno del path
Allegamento di align {String} (default: left)
NEW: width {Number} una larghezza predefinita (predefinito: 250)
NEW: widthlg {Number} opzionale, larghezza per grandi schermi
NEW: widthmd {Number} opzionale, larghezza per schermi medi
NEW: widthsm {Number} opzionale, larghezza per piccoli schermi
NEW: widthxs {Number} opzionale, larghezza per schermi extra piccoli

Utilizzare con <ui-component name="drawer">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>