Feedback

Alert

Displays a callout for user attention.

1@override
2Widget build(BuildContext _) => const FAlert(
3 variant: .primary,
4 title: Text('Heads Up!'),
5 subtitle: Text('You can add components to your app using the cli.'),
6);
7

CLI

To generate a specific style for customization:

dart run forui style create alerts

Usage

FAlert(...)

1FAlert(
2 style: .context(),
3 clipBehavior: .none,
4 icon: Icon(FLucideIcons.circleAlert),
5 title: Text('Alert Title'),
6 subtitle: Text('Alert subtitle with more details'),
7)

Examples

Primary

1@override
2Widget build(BuildContext _) => const FAlert(
3 variant: .primary,
4 title: Text('Heads Up!'),
5 subtitle: Text('You can add components to your app using the cli.'),
6);
7

Destructive

1@override
2Widget build(BuildContext _) => const FAlert(
3 variant: .destructive,
4 title: Text('Heads Up!'),
5 subtitle: Text('You can add components to your app using the cli.'),
6);
7

On this page