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>