Skip to Content
Forui 0.13.0 is released 🎉
DocumentationData PresentationItem

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.

API Reference

CLI

To generate and customize this style:

dart run forui style create item

Usage

FItem(...)

FItem(
  style: FFItemStyle(...),
  prefix: Icon(FIcons.user),
  title: const Text('Title'),
  subtitle: const Text('Subtitle'),
  details: const Text('Details'),
  suffix: Icon(FIcons.chevronRight),
  semanticsLabel: 'Label',
  enabled: true,
  selected: false,
  onFocusChange: (focused) {},
  onHoverChange: (hovered) {},
  onStateChange: (states) {},
  onPress: () {},
  onLongPress: () {},
  shortcuts: { SingleActivator(LogicalKeyboardKey.enter): ActivateIntent() },
  actions: { ActivateIntent: CallbackAction<ActivateIntent>(onInvoke: (_) {}) },
);

FItem.raw(...)

FItem.raw(
  style: FItemStyle(...),
  prefix: Icon(FIcons.user),
  child: const Text('Title'),
  semanticsLabel: 'Label',
  enabled: true,
  selected: false,
  onFocusChange: (focused) {},
  onHoverChange: (hovered) {},
  onStateChange: (states) {},
  onPress: () {},
  onLongPress: () {},
  shortcuts: { SingleActivator(LogicalKeyboardKey.enter): ActivateIntent() },
  actions: { ActivateIntent: CallbackAction<ActivateIntent>(onInvoke: (_) {}) },
);

Examples

Untappable

Disabled

With Subtitle

With Details

Last updated on
CardItem Group