How to enable dragElastic only for one side ? #2797

Aarbel · 2024-09-11T11:39:43Z

Aarbel
Sep 11, 2024

Hi Motion community,

Is there a way to enable dragElastic on the left side but without making the "elasticity" to be working on the right side ?

Code

import { motion } from "framer-motion";

export function Example() {
    return (
        <motion.div
            style={{
                width: 150,
                height: 150,
                borderRadius: 30,
                backgroundColor: "#fff",
                cursor: "grab"
            }}
            drag="x"
            dragDirectionLock
            dragConstraints={{ left: 0, right: 0 }}
            dragElastic={0.5}
        />
    );
}