buefy.txt

1. navbar
  ```
    <div id="app">
        <section class="hero is-primary is-bold">
            <div class="hero-head">
                <header class="nav">
                    <img src="/static/logo.png" style="max-height:40px;">
                    <h1 class="title">
                        Real Time Location System
                    </h1>
                </header>
            </div>
        </section>

        <section>
            <nav class="navbar" style="width: 100%">
                <div class="navbar-menu" style="background-color: #dbdbdb">
                    <a class="navbar-item" href="#/">
                        <b-icon icon="play-circle"></b-icon>
                        <span>Real time visualization</span>
                    </a>
                    <a class="navbar-item " href="#/past_trajectories">
                        <b-icon icon="gesture"></b-icon>
                        <span>Replay trajectories</span>
                    </a>
                    <a class="navbar-item " href="#/rt_analytics">
                        <b-icon icon="database"></b-icon>
                        <span>Zones Analytics</span>
                    </a>
                </div>
            </nav>

            <div class="container is-fluid" style="height:100%;">
                <router-view></router-view>
            </div>
        </section>

        <notifications group="events_notifications"/>
    </div>
  ```
  
  
  
  
  
  2. panel
  ```
   <b-panel :collapsible="true" :open.sync="settingsisOpen">
            <strong slot="header">
                <b-icon icon="settings"></b-icon>
                <span>Setup</span>
            </strong>

            <div class="content control">
              <b-tabs type="is-boxed" expanded>
                <b-tab-item label="Status" icon="menu"></b-ta-item>
              </b-tabs>
            </div>
   </b-panel>
  ```