1====== Web Component - Navbar ======
2
3===== About =====
4The ''navbar'' component is the implementation of the top element of [[https://getbootstrap.com/docs/4.0/components/navbar/|bootstrap navbar]].
5
6Inside a ''navnar'' component, you can add:
7  * a [[container|container]]  to limit the horizontal width and center the navbar
8  * a [[search|search form]]
9  * a [[group|group]] to group [[dropdown|dropdown menu]]
10  * a [[dropdown|dropdown menu]]
11  * a [[collapse|collapse container]] to group the element that will collapse
12===== Articles Related =====
13{{backlinks>.}}
14
15===== Syntax =====
16<code>
17<navbar class="navbar-expand-md ...">
18</code>
19
20This syntax will output as HTML
21<code html>
22<nav class="navbar navbar-expand-md ..."
23</code>
24
25===== Example =====
26
27<code>
28~~NOCACHE~~
29
30<navbar class="navbar-expand-md">
31<container>
32<brand class="pt-0" title="Nico's Home">
33Hôme
34</brand>
35
36<collapse>
37
38<group class="mr-auto">
39<dropdown name="Data (State)" >
40[[data:processing:|Data Processing]]
41[[data:modeling:|Data Modeling]]
42[[data:quality:|Data Quality]]
43[[data:type:|Data Structure]]
44[[data:type:|Data Type]]
45[[:data:warehouse:|Data Warehouse]]
46[[data:viz:|Data Visualization]]
47[[data:partition:|Data Partition]]
48[[data:persistence:|Data Persistence]]
49[[data:concurrency:|Data Concurrency]]
50</dropdown>
51
52<dropdown name="Data Type">
53[[data:type:number:|Number]]
54[[data:type:time:|Time]]
55[[data:type:text:|Text]]
56[[data:type:collection:|Collection]]
57[[:data:type:relation:|Relation (Table)]]
58[[data:type:tree:|Tree]]
59[[data:type:key_value:|Key/Value]]
60[[data:type:graph:|Graph]]
61[[:data:type:spatial:|Spatial]]
62[[data:type:color:|Color]]
63</dropdown>
64
65<dropdown name="Measure Levels">
66[[data:sort:order|Order]]
67[[data:type:nominal:nominal|Nominal]]
68[[data:type:nominal:nominal|Discrete]]
69[[data_mining:distance|Distance]]
70[[data_mining:ratio|Ratio]]
71[[data:sort:order|Order]]
72[[data:type:nominal:nominal|Nominal]]
73[[data:type:nominal:nominal|Discrete]]
74[[data_mining:distance|Distance]]
75[[data_mining:ratio|Ratio]]
76</dropdown>
77
78<dropdown name="Code">
79[[code:compiler:|Compiler]]
80[[:code:compiler:parser|Lexical Parser]]
81[[code:grammar:|Grammar]]
82[[code:function:|Function]]
83[[:code:test:|Testing]]
84[[code:shipping:|Shipping]]
85[[code:type:|Data Type]]
86[[:code:version:|Versioning]]
87</dropdown>
88
89<dropdown name="System">
90[[:os:|Operating System]]
91[[security:|Security]]
92[[:file:|File System]]
93</dropdown>
94</group>
95<search class="mr-0 pr-0">
96</collapse>
97</container>
98</navbar>
99</code>