Shadcn UI — Icon Button

Instructions

ShadIconButton displays an icon button. Variants: default (primary), ShadIconButton.secondary, ShadIconButton.destructive, ShadIconButton.outline, ShadIconButton.ghost. Use icon and onPressed; optional iconSize, padding; support gradient and shadows.

Variants

ShadIconButton(
  onPressed: () => print('Primary'),
  icon: const Icon(LucideIcons.rocket),
)

ShadIconButton.secondary(icon: const Icon(LucideIcons.rocket), onPressed: () {})

ShadIconButton.destructive(icon: const Icon(LucideIcons.rocket), onPressed: () {})

ShadIconButton.outline(icon: const Icon(LucideIcons.rocket), onPressed: () {})