drag in framer motion

Shirshak Kandel answered on October 3, 2022 Popularity 10/10 Helpfulness 4/10

answer drag in framer motion

drag in framer motion

Comment

import React from 'react';
import { motion } from 'framer-motion';
const Box2 = () => {
  return (
    <div className="container">
      <motion.div
        drag
        dragConstraints={{ right: 20, left: -20, top: 5, bottom: 5 }}
        whileHover={{ scale: 1.1 }}
        whileTap={{ scale: 0.9 }}
        className="w-32 h-32 bg-red-500 box "
      ></motion.div>
    </div>
  );
};

export default Box2;

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: Grepper

Tags: drag framer-motion typescript

Link to this answer
Share Copy Link

Contributed on Oct 03 2022

Shirshak Kandel

0 Answers Avg Quality 2/10

drag in framer motion

Contents

More Related Answers

drag in framer motion

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.