nodes-ui/doc/pages/components/dropdowns/features-dropdown.html

UI Components for Nodes Backends

---
title: Features-dropdown
layout: nested-component.html
---
<h1 class="docs--page-header">Features-dropdown</h1>

<p class="docs--page-description">
    This dropdown is designed to act as a quick-launch for various features of the nstack platform
</p>

<div class="dropdown dropdown-features open">
    <button class="btn btn-transparent" data-toggle="dropdown">
        <i class="fa fa-th"></i>
    </button>
    <div class="dropdown-menu dropdown-inverse animate-expand align-right">
        <div class="dropdown-content">
            <p class="dropdown-content__title">Features</p>
            <ul class="small-block-layout-3">

                <li class="app-tile app-tile-xs app-tile-square app-tile-transparent-inverse">
                    <a href="#">
                        <i class="fa fa-flag-o"></i>
                        Translate
                    </a>
                </li>

                <li class="app-tile app-tile-xs app-tile-square app-tile-transparent-inverse">
                    <a href="#">
                        <i class="fa fa-bell-o"></i>
                        Notify
                    </a>
                </li>

                <li class="app-tile app-tile-xs app-tile-square app-tile-transparent-inverse">
                    <a href="#">
                        <i class="fa fa-bell-o"></i>
                        Content
                    </a>
                </li>

                <li class="app-tile app-tile-xs app-tile-square app-tile-transparent-inverse">
                    <a href="#">
                        <i class="fa fa-comments-o"></i>
                        Feedback
                    </a>
                </li>

            </ul>
        </div>
    </div>
</div>