ember-class-names-helper

KO | EN

gitlite — search

#javascript #hacktoberfest #llm #go #android #rust #deep-learning #nodejs #macos #java #windows #awesome #vue #security

ember-class-names-helper

(★ 16)

A cleaner way for conditionally joining class names in Ember templates

ember-class-names-helper 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# `{{class-names}}` helper

Provides a cleaner way for conditionally joining class names in templates.

**Before:**

```hbs
<button class="button {{if @primary "button--primary"}} {{if @small "button--small"}} {{if @disabled "is-disabled"}}" type="button">
  Submit
</button>
```

**After:**

```hbs
<button
  class={{class-names
    "button"
    button--primary=@primary
    button--small=@small
    is-disabled=@disabled
  }}
  type="button"
>
  Submit
</button>
```

Or with `{{cn}}` alias in a single line:

```hbs
<button
  class={{cn "button" button--primary=@primary button--small=@small is-disabled=@disabled}}
  type="button"
>
  Submit
</button>
```

## Installation

```
ember install ember-class-names-helper
```

The helper relies on a tiny and well-tested library [classnames](https://github.com/JedWatson/classnames).

## Usage

```hbs
<button
  class={{class-names
    "button"
    (if @fancy "bg-white rounded-lg p-6")
    button--primary=@primary
    is-disabled=@disabled
  }}
  type="button"
/>
```

Or with `{{cn}}` alias:

```hbs
<button
  class={{cn "button" is-disabled=@disabled}}
  type="button"
/>
```

## Compatibility

* Ember.js v3.20 or above
* Ember CLI v3.20 or above
* Node.js v12 or above
* ember-auto-import v2

## Contributing

See the [Contributing](CONTRIBUTING.md) guide for details.

## License

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

ember-class-names-helper

ember-class-names-helper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

ember-class-names-helper

ember-class-names-helper 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README