Skip to content

ReorderAnimation

Animation strategy used when a column is drag-reordered.

  • false — No animation; columns snap instantly to their new positions.
  • 'flip' — FLIP technique (First-Last-Invert-Play): captures column positions before and after the move, then smoothly slides them into place. Controlled by animationDuration.
  • 'fade' — Uses the View Transitions API for a cross-fade effect. Duration is browser-controlled; animationDuration has no effect. Falls back to instant reorder in browsers without View Transitions support.
type ReorderAnimation = false | "flip" | "fade"
AI assistants: For complete API documentation, implementation guides, and code examples for this library, see https://raw.githubusercontent.com/OysteinAmundsen/toolbox/main/llms-full.txt