https://github.com/ember-sparks/ember-sparks

✨ Ambitious UI components for your Ember app.
https://github.com/ember-sparks/ember-sparks

addon ember ember-css-modules javascript spark ui ui-components

Last synced: 2 months ago
JSON representation

✨ Ambitious UI components for your Ember app.

• Host: GitHub
• URL: https://github.com/ember-sparks/ember-sparks
• Owner: ember-sparks
• License: mit
• Created: 2017-01-26T19:00:00.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2020-01-14T15:40:53.000Z (about 5 years ago)
• Last Synced: 2024-10-03T21:36:00.678Z (4 months ago)
• Topics: addon, ember, ember-css-modules, javascript, spark, ui, ui-components
• Language: JavaScript
• Homepage: https://ember-sparks.github.io
• Size: 271 KB
• Stars: 21
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


  

    

  





  Ambitious UI components for Ember apps





  



---

Ember Sparks aims to create a new set of default UI components that can be used in all Ember apps. 

By using the power of [ember-css-modules](https://github.com/salsify/ember-css-modules) and the Ember ecosystem's emphasis on conventions, addon authors can effortlessly share UI elements that have sane defaults, but are also incredibly easy to customize.

## Install

```bash

ember install ember-sparks

```

Restart your app after the installation and you're ready to go!

## Usage

Ember Sparks comes with some handy preinstalled components, such as `{{input-spark}}` and `{{toggle-spark}}`.

You can use them simply by dropping them into your template:

```handlebars

{{input-spark

	placeholder="your-username"

	prefix="ludu.co/@"

}}

```

Check out the [official website](https://ember-sparks.github.io)'s "Components" menu to see a list of all the built-in Sparks.

## Theming

Customizing components created with Ember Sparks is much simpler and more maintaineable than with most other UI libraries thanks to ember-css-modules. To learn more, check out the ["Theming" section](https://ember-sparks.github.io/docs#theming) in the official docs!

## Contribute

With Ember Sparks own generator, you can easily create your own Spark components as addons. To learn more, check out the ["Contribute" section](https://ember-sparks.github.io/docs#contribute) in the official docs!