# j-NavLayout

> Egyszerű és teljes körű navigáció.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: hu
Content-SHA256: c8f45481285b897bf114543bf1d2561feca49595df703e086ea3d600e6c757bb
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Egyszerű és teljes körű navigáció.


__Jó tudni__:

- A `path {Boolean}` megjeleníti a navigációs panelt a `hide` konfigurációs opcióban meghatározott kijelzőmodusokban
- A `<section>`-nek navigációt kell tartalmaznia
- A `<main>` tartalmát tartalmazza

__konfiguráció__:

- `width {Number}` a navigáció mérete (default: `250`)
- `hide {String}` rejtőzködik a navigáció meghatározott kijelző módokban (default: `xs,sm`)
- `autoresize {Boolean}` lehetővé teszi az automatikus visszavágást (default: `true`)
- `position {String}` navigációs pozíció (default: `left`)
- A `margin {Number}` a `height` marginját adja hozzá (például: `0`)
- `parent {String}` Tartalmazhat `parent`, `window` vagy jQuery kiválasztó a `closest` Az alapértelmezett módszer (default `window`)

Használja a `<ui-component name="navlayout">`Amennyiben a készülék még nem tölthető le, jComponent letöltés az első felhasználásra a címről `DEF.fallback` (Azt a Componentator A szerző: Peter Širka. forrás: a Componentator Az összetevők raktár, MIT licenc.

```html example.html
<style>
	html, body { margin: 0; padding: 0; }
</style>

<ui-component name="navlayout" path="common.menu" config="parent:window;hide:xs" class="invisible">

	<section style="background-color:blue;color:#FFF">
		Navigation
	</section>

	<main style="background-color:red;color:#FFF">
		Main body
	</main>

</ui-component>

<script>

	var common = { menu: false };

	setInterval(function() {
		var path = 'common.menu';
		SET(path, !GET(path));
	}, 3000);

</script>
```