Floating Action

A Floating Action Button with smooth animations and dual labels.

Add to cart

Added

Dependencies

framer-motion, react-icons

Installation

npm install framer-motion react-icons

Props

NameTypeDefaultDescription
labelstringAdd to cartThe primary label of the button
secondryLabelstringAddedThe label displayed after the button is clicked
onClick() => voidundefinedThe callback to trigger when the button is clicked
Brought to life by Naseem Ansari – Building Experiences that Inspire