support data attributes for easier list targeting

xylabs · Jan 28, 2025 · d7dfbcd · d7dfbcd
1 parent 24ed304
commit d7dfbcd
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/animation/src/AnimatedList.tsx b/packages/animation/src/AnimatedList.tsx
@@ -55,12 +55,15 @@ export const AnimatedList: React.FC<AnimatedListProps> = ({
       >
         {items?.[0]?.child}
       </div>
-      {transitions((styles, item) => (
+      {transitions((styles, item, _transition, index) => (
         <animated.div
           style={{
             ...itemStyles, ...(fullWidth ? { width: '100%' } : {}), ...styles,
           }}
           key={item?.key}
+          data-animated-list-item-key={item?.key}
+          data-animated-list-index={index}
+
         >
           {item?.child}
         </animated.div>