image-action - Vaadin Add-on Directory
Polymer-based web components for D2L image-actions
**[ This description is mirrored from README.md at [github.com/BrightspaceUI/image-action](https://github.com//BrightspaceUI/image-action/blob/v2.0.2/README.md) on 2019-05-22 ]**
**Looking for SASS-based `d2l-image-action`?** It's [over here](https://github.com/BrightspaceUI/image-action/tree/sass).
# d2l-image-action
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/BrightspaceUI/image-action)
[![Bower version][bower-image]][bower-url]
[![Build status][ci-image]][ci-url]
[Polymer](https://www.polymer-project.org/1.0/)-based web component for D2L image actions, which are buttons or links associated with an image that perform an action when clicked.
![screenshot of image actions](/screenshot.gif)
For further information on this and other Brightspace UI components, see the docs at [ui.developers.brightspace.com](http://ui.developers.brightspace.com/).
## Installation
`d2l-image-action` can be installed from [Bower][bower-url]:
```shell
bower install d2l-image-action
```
## Usage
Include the [webcomponents.js](http://webcomponents.org/polyfills/) "lite" polyfill (for browsers who don't natively support web components), then import `d2l-image-action.html` to get all three image-action web components:
```html
```
### Button-based actions
Use `` in cases where an action is being performed, and not a navigation. Actions are typically done using a `click` event handler. Think about times you'd use a native `