Ember Sortable

screenshot of Ember Sortable
ember

Ember Sortable

Sortable UI primitives for Ember.js

Overview:

The ember-sortable is a library that provides sortable UI primitives for Ember applications. It allows users to easily add drag-and-drop functionality to their Ember projects. The library supports features like changing sort direction, changing spacing between dragged elements, disabling reordering, CSS animations, and drag actions.

Features:

  • Sortable UI primitives for Ember: Provides drag-and-drop functionality for Ember applications.
  • Changing Sort Direction: Define direction on sortable-group to allow moving items in different directions.
  • Changing Spacing: Define spacing on sortable-item to adjust the spacing between the dragged element and the rest of the group.
  • Disabling Reordering: Use the disabled attribute to prevent sorting for the entire group and its child items.
  • CSS and Animation: Includes classes for different states of sortable items and supports CSS transitions and animations.

Summary:

The ember-sortable library provides essential features for adding sortable UI components to Ember applications. With support for changing sort direction, spacing adjustments, disabling reordering, CSS animations, and drag actions, it offers a comprehensive solution for implementing drag-and-drop functionality in Ember projects. The library's easy installation process through npm makes it accessible for developers looking to enhance their Ember applications with sortable UI elements.

ember
Ember

Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.