Meta Navigation

Meta Navigation Pattern

<div class="meta-navigation"> <div class="container"> <div class="row no-gutter"> <div class="col-sm-12"> <div class="dropdown "> <a class="btn btn--has-icon btn-icon--is-right" data-toggle="dropdown"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-down"></use> </svg> </span> <span class="title"> Dropdown </span> </a> <ul class="dropdown-menu dropdown-menu--is-dark" aria-labelledby="dropdown-button-id"> <li><a class="dropdown-item" href="#">Action</a></li> <li><a class="dropdown-item" href="#">Another action</a></li> <li><a class="dropdown-item" href="#">Something else here</a></li> </ul> </div> </div> </div> </div> </div>