Tile

A tile that is typically used to group related information together.

Tiles can be grouped together inside a FTileGroup.

Preview

CLI

To generate and customize this style:


dart run forui style create tile

Usage

`FTile(...)`


FTile(
  style: FTileStyle(...),
  prefixIcon: Icon(FIcons.user),
  title: const Text('Title'),
  subtitle: const Text('Subtitle'),
  details: const Text('Details'),
  suffixIcon: Icon(FIcons.chevronRight),
  semanticsLabel: 'Label',
  enabled: true,
  selected: false,
  onFocusChange: (focused) {},
  onHoverChange: (hovered) {},
  onStateChange: (states) {},
  onPress: () {},
  onLongPress: () {},
);

Tile

Preview

Code

CLI

Usage

`FTile(...)`

Examples

Untappable

Preview

Code

Disabled

Preview

Code

With Subtitle

Preview

Code

With Details

Preview

Code