Figma Comment
An animated comment bubble component inspired by Figma's comment system. Expands from a small avatar to show full comment details with smooth spring animations.
Installation
pnpm dlx shadcn add @smoothui/figma-commentnpx shadcn@latest add @smoothui/figma-commentyarn dlx shadcn add @smoothui/figma-commentbunx shadcn add @smoothui/figma-commentFeatures
- Smooth spring animations for expand/collapse
- Click outside to close functionality
- Customizable width and content
- Notification indicator support
- Responsive height measurement
- Accessible with reduced motion support
Props
Prop
Type