Loading...
Loading...
Use ShadIconButton and variants (primary, secondary, destructive, outline, ghost); loading state, gradient and shadow. Use when adding icon-only buttons or icon CTAs in a Flutter shadcn_ui app.
npx skill4agent add serverpod/skills-registry shadcn_ui-icon-buttonShadIconButtonShadIconButton.secondaryShadIconButton.destructiveShadIconButton.outlineShadIconButton.ghosticononPressediconSizepaddingShadIconButton(
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: () {})
ShadIconButton.ghost(icon: const Icon(LucideIcons.rocket), onPressed: () {})CircularProgressIndicatoriconShadIconButton(
icon: SizedBox.square(
dimension: 16,
child: CircularProgressIndicator(
strokeWidth: 2,
color: ShadTheme.of(context).colorScheme.primaryForeground,
),
),
)ShadIconButton(
gradient: const LinearGradient(colors: [Colors.cyan, Colors.indigo]),
shadows: [
BoxShadow(
color: Colors.blue.withValues(alpha: .4),
spreadRadius: 4,
blurRadius: 10,
offset: const Offset(0, 2),
),
],
icon: const Icon(LucideIcons.rocket),
)