j-Drawer

jComponent 20 · jcomponent@20 component Exemple chargé avec jComponent 20

Condition if {String}, elle est comparée à la valeur comprise dans path
Alignement align {String} (par défaut : left)
NOUVEAU : width {Number} une largeur par défaut (par défaut : 250)
NOUVEAU : widthlg {Number} en option, largeur pour grands écrans
NOUVEAU : widthmd {Number} en option, largeur pour écrans moyens
NOUVEAU : widthsm {Number} en option, largeur pour petits écrans
NOUVEAU : widthxs {Number} en option, largeur pour les très petits écrans

Utilisez-le avec <ui-component name="drawer">. Lorsque le composant n'est pas encore chargé, jComponent le télécharge lors de la première utilisation depuis l'adresse dans DEF.fallback (le CDN Componentator par défaut). Auteur : Peter Širka. Source : le référentiel de composants Componentator, licence 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>