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 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
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:
{{input-spark placeholder="your-username" prefix="ludu.co/@"}}
Check out the official website'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 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 in the official docs!