j-Drawer

jComponent 20 · jcomponent@20 component Παράδειγμα φορτωμένο με jComponent 20

Η κατάσταση if {String}, συγκρίνεται με την τιμή μέσα στο path
align {String} Προσαρμογή (αρχική προετοιμασία) left)
NEW: width {Number} ένα προεπιλεγμένο πλάτος (προεπιλογή: 250)
NEW: widthlg {Number} προαιρετική, πλάτος για μεγάλες οθόνες
NEW: widthmd {Number} προαιρετική, πλάτος για μεσαίες οθόνες
NEW: widthsm {Number} προαιρετική, πλάτος για μικρές οθόνες
NEW: widthxs {Number} προαιρετική, πλάτος για επιπλέον μικρές οθόνες

Χρησιμοποιήστε το με <ui-component name="drawer">Όταν το στοιχείο δεν έχει φορτωθεί ακόμα, jComponent Κατεβάστε το για πρώτη φορά από τη διεύθυνση DEF.fallback (Η Componentator Συγγραφέας: Peter Širka. πηγή: το Componentator Ετικέτες Αξιολόγηση, 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>