https://github.com/instructure/ic-menu

accessible popup menu component
https://github.com/instructure/ic-menu

Last synced: 7 days ago
JSON representation

accessible popup menu component

• Host: GitHub
• URL: https://github.com/instructure/ic-menu
• Owner: instructure
• License: mit
• Created: 2013-09-30T20:31:39.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2014-06-05T13:47:06.000Z (over 10 years ago)
• Last Synced: 2024-10-09T20:43:56.826Z (about 1 month ago)
• Language: JavaScript
• Size: 1.54 MB
• Stars: 45
• Watchers: 8
• Forks: 9
• Open Issues: 5
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
ic-menu [![Build Status](https://travis-ci.org/instructure/ic-menu.svg)](https://travis-ci.org/instructure/ic-menu)

=======

An accessible menu component for ember applications.

Demo

----

http://instructure.github.io/ic-menu/

Installation

------------

`bower install ic-menu`

Usage

-----

__application.hbs__

```handlebars

{{#ic-menu}}

  {{#ic-menu-trigger}}Actions{{/ic-menu-trigger}}

  {{#ic-menu-list}}

    {{#ic-menu-item on-select="remove"}}Remove{{/ic-menu-item}}

    {{#ic-menu-item on-select="save"

                    on-disabled-select="notifyDisabled"

                    enabled=foo}}

      Save

    {{/ic-menu-item}}

  {{/ic-menu-list}}

{{/ic-menu}}

```

__application_controller.js__

```js

App.ApplicationController = Ember.Controller.extend({

  actions: {

    remove: function(icMenuItem) {

      // do stuff with the icMenuItem instance

    },

    save: function(icMenuItem) {

      // do stuff with the icMenuItem instance

    }

  }

});

```

Development

-----------

1. Fork the repo

2. `npm install && bower install`

3. Create a new branch for your feature/bug fix

4. `grunt` to build and watch files.

5. `testem` in a new tab to run tests.

6. Send a pull request.