FramerX ToggleButton Study#1.2

App.tsx

import { Data, animate, Override, Animatable } from "framer"

let isOriginalSize = true

const data = Data({
    scale: Animatable(1) 
})

export const ToggleButton: Override = () => {
    return {
        scale: data.scale,
        onTap() {
            if (isOriginalSize === true) {
                animate.spring(data.scale, 0.5)

                isOriginalSize = false
            } else {
                animate.spring(data.scale, 1)

                isOriginalSize = true
            }            
        }
    }
}