Skip to Content
🎉Introducing Pumki UI

Icon Button

A button that displays an icon with an accompanying animation.

Pumki UIPumki UI

Installation

Usage


1import { IconButton } from '@/components/pumki-ui/buttons/icon';

1<IconButton icon={Heart} />

Props

PropTypeDefaultDescription
transition?TransitionspringAnimation config
color?[number, number, number][59, 130, 246]Icon color (RGB array)
size?‘default’ | ‘sm’ | ‘md’ | ‘lg’defaultButton size
animate?booleantrueEnable animation
active?booleanfalseActive state
iconReact.ElementType-Icon component
Last updated on