Navbar

Navbar

<div class="navbar">
  <div we-navbar-element></div>
  <div we-navbar-element></div>
  ...
</div>

Elements directive

<div we-navbar-element></div>
<div we-navbar-element position="left"></div>
<div we-navbar-element position="right"></div>

Logo Element directive

<a we-navbar-element type="logo" logo="/static/images/logo.png" isotype="/static/images/isotype.png"></a>

Search Form Element directive

<div we-navbar-element type="search-form" placeholder="Ejemplo"></div>

Link Element directive

<a we-navbar-element type="link" icon="cog">{{ text }}</a>

Navbar separator Element directive

<div we-navbar-element type="separator"></div>

Navbar main action directive

<div class="navbar-main-action-container">
  <a we-navbar-main-action icon="plus"></a>
</div>

Navbar User avatar

<a
  we-navbar-element
  type="user"
  position="right"
  user-picture="https://33.media.tumblr.com/avatar_025387c4da6f_128.png"
  user-role="Of the night">Samuel Chávez</a>