Ember

OptionGear

A simple gear + option drop down

Install

ember install ember-ted-gear

Usage

Simple gear

{{#ted-gear}}
  {{#ted-gear-item}}
    <a href="http://www.ted.com">TED.com</a>
  {{/ted-gear-item}}
{{/ted-gear}}
A simple gear:

Alignment

{{#ted-gear align="right"}}
  {{#ted-gear-item}}
    <a href="http://www.ted.com">TED.com</a>
  {{/ted-gear-item}}
{{/ted-gear}}
Right aligned:

Headers and dividers

{{#ted-gear}}
  {{#ted-gear-header}}
    Header
  {{/ted-gear-header}}
  {{#ted-gear-item}}
    <a href="http://www.ted.com">TED.com</a>
  {{/ted-gear-item}}

  {{ted-gear-divider}}

  {{#ted-gear-header}}
    Header #2
  {{/ted-gear-header}}
  {{#ted-gear-item}}
    <a href="http://www.ted.com">TED.com</a>
  {{/ted-gear-item}}
{{/ted-gear}}
With headers and dividers: