Data Presentation

Item

An item is typically used to group related information together.

This widget is typically used to create more complex widgets rather than being used directly.

CLI

To generate a specific style for customization:

dart run forui style create items

Usage

FItem(...)

1FItem(
2 style: const .delta(padding: .value(.zero)),
3 enabled: true,
4 selected: false,
5 onPress: () {},
6 title: const Text('Title'),
7 prefix: const Icon(FLucideIcons.user),
8 subtitle: const Text('Subtitle'),
9 details: const Text('Details'),
10 suffix: const Icon(FLucideIcons.chevronRight),
11)

FItem.raw(...)

1FItem.raw(
2 style: const .delta(padding: .value(.zero)),
3 enabled: true,
4 selected: false,
5 onPress: () {},
6 child: const Text('Content'),
7 prefix: const Icon(FLucideIcons.user),
8)

Examples

Destructive

Untappable

Disabled

With Subtitle

With Details

On this page