ember-keyboard-sortable

Integrate ember-keyboard shortcuts and ember-sortable drag-and-drop reordering into Ember apps.

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/trusted-american/marketplace --skill ember-keyboard-sortable
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ember-keyboard-sortable
Source: https://github.com/trusted-american/marketplace/tree/main/plugins/a3-plugin/skills/ember-keyboard-sortable
Command: npx skills add https://github.com/trusted-american/marketplace --skill ember-keyboard-sortable

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a cohesive reference for implementing keyboard shortcuts and drag-and-drop sorting in Ember applications.

Core Features & Use Cases

  • ember-keyboard enables declarative keyboard shortcuts via decorators (e.g., @onKey) for components.
  • ember-sortable enables drag-and-drop reordering in lists with accessible ARIA patterns and composable components like SortableGroup and SortableItem.
  • Use cases include navigating forms, triggering actions, and arranging lists or Kanban-style boards across dashboards, settings, and workflows.

Quick Start

Install ember-keyboard and ember-sortable, then import and use the decorators and components in your Ember app to enable shortcuts and drag-and-drop reordering.

Frequently Asked Questions about ember-keyboard-sortable

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add keyboard shortcuts and drag-and-drop to an Ember application?

You can add keyboard shortcuts and drag-and-drop to an Ember application by integrating the ember-keyboard and ember-sortable addons. This combination provides declarative shortcut decorators and accessible ARIA-compliant list reordering components for dashboards and forms.

How do I use the @onKey decorator to handle keyboard events in Ember?

The @onKey decorator from ember-keyboard provides declarative keyboard shortcut handling for Ember components. You apply it directly within your component logic to trigger specific actions when defined keys are pressed across your application's UI.

Does ember-sortable support accessible ARIA patterns for list reordering?

Yes, ember-sortable supports accessible ARIA patterns for list reordering. It uses composable SortableGroup and SortableItem components to ensure drag-and-drop interactions remain navigable and compliant with accessibility standards.

Can I use ember-keyboard and ember-sortable together for Kanban-style boards?

Yes, you can use ember-keyboard and ember-sortable together to build accessible Kanban-style boards. This integration allows users to navigate and trigger actions with keyboard shortcuts while reordering items via drag-and-drop interactions.

What do I need to install before implementing keyboard shortcuts and drag-and-drop in Ember?

You need to install the ember-keyboard and ember-sortable addons in your Ember application. These two dependencies provide the foundational decorators and composable components required to enable both shortcut handling and list reordering.