Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kellyselden/ember-checkbox-with-label

Ember component for a checkbox wrapped in a label
https://github.com/kellyselden/ember-checkbox-with-label

Last synced: 16 days ago
JSON representation

Ember component for a checkbox wrapped in a label

Awesome Lists containing this project

README

        

ember-checkbox-with-label
==============================================================================

[![Greenkeeper badge](https://badges.greenkeeper.io/kellyselden/ember-checkbox-with-label.svg)](https://greenkeeper.io/)
[![npm version](https://badge.fury.io/js/ember-checkbox-with-label.svg)](https://badge.fury.io/js/ember-checkbox-with-label)
[![Build Status](https://travis-ci.org/kellyselden/ember-checkbox-with-label.svg?branch=master)](https://travis-ci.org/kellyselden/ember-checkbox-with-label)
[![Ember Version](https://img.shields.io/badge/ember-2.16%2B-brightgreen.svg)](https://www.emberjs.com/)

Ember component for a checkbox wrapped in a label

### Demo

https://kellyselden.github.io/ember-checkbox-with-label

Installation
------------------------------------------------------------------------------

```
ember install ember-checkbox-with-label
```

Usage
------------------------------------------------------------------------------

```hbs
{{checkbox-with-label
checked=checked
text="text goes here"
disabled=disabled
update=(action (mut checked))
}}
```

or with positional params

```hbs
{{checkbox-with-label
checked
"text goes here"
disabled=disabled
update=(action (mut checked))
}}
```

or with a content block

```hbs
{{#checkbox-with-label
checked
disabled=disabled
update=(action (mut checked))
}}
text goes here
{{/checkbox-with-label}}
```

License
------------------------------------------------------------------------------

This project is licensed under the [MIT License](LICENSE.md).