A highly customizable popup widget, that is easy to integrate into your code.
- Custom Popup is a highly customizable popup widget, that is easy to integrate into your code.
Just add the widget in your code. The example below shows how to use the widget with Phosphor icons package.
CustomPopupButton(
icon: PhosphorIcon(
PhosphorIcons.dotsThreeVertical(),
),
closeIcon: PhosphorIcon(
PhosphorIcons.xCircle(),
),
animationAlignment: Alignment.topLeft,
items: [
CustomPopupMenuItem(
label: 'Edit',
icon: PhosphorIcon(
PhosphorIcons.pencilLine(),
),
onTap: () {},
),
CustomPopupMenuItem(
label: 'Duplicate',
icon: PhosphorIcon(
PhosphorIcons.copy(),
),
onTap: () {},
),
...
const CustomPopupMenuDivider(),
CustomPopupMenuItem(
label: 'Delete',
icon: PhosphorIcon(
PhosphorIcons.trash(),
),
foregroundColor: Colors.red,
onTap: () {},
),
],
)