Tile

Tile

A specialized Item for touch devices, typically used to group related information together.

Tiles can be grouped together inside a FTileGroup.

CLI

To generate a specific style for customization:

dart run forui style create tiles

Usage

FTile(...)

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

FTile.raw(...)

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

Examples

Destructive

Untappable

Disabled

With Subtitle

With Details

On this page