Drag and drop com Framer Motion

Workshop

8 vídeos • 21:22
  1. 1.

    Apresentação do Projeto

    00:52
  2. 2.

    Instalando o template inicial

    01:21
  3. 3.

    A estrutura do projeto

    02:16
  4. 4.

    Os componentes Reorder do Framer Motion

    02:32
  5. 5.

    Adicionando o Framer Motion ao Projeto

    07:10
  6. 6.

    Adicionando Estado para tornar a lista reativa

    02:41
  7. 7.

    A propriedade pointer-events do CSS

    03:32
  8. 8.

    Finalização e próximos passos

    00:58
Login
Workshops>Drag and drop com Framer Motion>Adicionando o Framer Motion ao Projeto

Adicionando o Framer Motion ao Projeto

Vamos usar os dois componentes Reorder.Group e Reorder.Item ao nosso projeto. Vamos ver quais props que obrigatoriamente precisamos passar a esses componentes.

Comentários

(0)