j-Drawer

jComponent 20 · jcomponent@20 component Ejemplo cargado con jComponent 20

Condición if {String}, se compara con el valor dentro de path.
Alineación align {String} (predeterminado: left)
NUEVO: width {Number} un ancho predeterminado (predeterminado: 250)
NUEVO: widthlg {Number} opcional, ancho para pantallas grandes
NUEVO: widthmd {Number} opcional, ancho para pantallas medianas
NUEVO: widthsm {Number} opcional, ancho para pantallas pequeñas
NUEVO: widthxs {Number} opcional, ancho para pantallas extra pequeñas

Úselo con <ui-component name="drawer">. Cuando el componente aún no está cargado, jComponent lo descarga en el primer uso desde la dirección en DEF.fallback (el CDN Componentator de forma predeterminada). Autor: Peter Širka. Fuente: repositorio de componentes 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>