Docs / Components / Social Share Button

Social Share Button

A neomorphic pill button that reveals animated, clickable WhatsApp, Instagram, X, and Facebook icons on hover.

Share

Dependencies

Install the following dependencies to use this component:

1npm install motion react-icons

Installation

Run the following command in your terminal to add the component to your project:

1npx rankflow-ui@latest add social-share-button

Props Reference

PropTypeDefaultDescription
linksSocialShareLinks{}Object containing URLs for whatsapp, instagram, x, and facebook keys.
labelstring'Share'Text shown in the default (non-hover) state.