ui/kiwi.orbit.compose.ui.controls/Tile

Tile

@Composable
fun Tile(title: @Composable () -> Unit, onClick: () -> Unit, modifier: Modifier = Modifier, icon: @Composable () -> Unit = {}, description: @Composable () -> Unit = {}, trailingContent: @Composable RowScope.() -> Unit = { Icon(Icons.ChevronForward, null) }, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() })

Elevated tile that represents an actionable item.

The title is required but you can optionally also provide icon and description.

The trailingContent displays the Icons.ChevronForward by default but you can override. RowScope is provided in case you want to display more end-aligned elements, e.g. badges. You can also vertically align each element using the RowScope.align modifier.

@Composable
fun Tile(onClick: () -> Unit, modifier: Modifier = Modifier, trailingContent: @Composable RowScope.() -> Unit = { Icon(Icons.ChevronForward, null) }, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

Elevated tile that represents an actionable item.

This variant of the component allows you to define a custom content.

The trailingContent displays the Icons.ChevronForward by default but you can override. RowScope is provided in case you want to display more end-aligned elements, e.g. badges. You can also vertically align each element using the RowScope.align modifier.

@Composable
fun TileGroupScope.Tile(title: @Composable () -> Unit, onClick: () -> Unit, modifier: Modifier = Modifier, icon: @Composable () -> Unit = {}, description: @Composable () -> Unit = {}, trailingContent: @Composable RowScope.() -> Unit = { Icon(Icons.ChevronForward, null) }, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() })

A tile placeable within elevated TileGroup that represents an actionable item.

The title is required but you can optionally also provide icon and description.

The trailingContent displays the Icons.ChevronForward by default but you can override. RowScope is provided in case you want to display more end-aligned elements, e.g. badges. You can also vertically align each element using the RowScope.align modifier.

@Composable
fun TileGroupScope.Tile(onClick: () -> Unit, modifier: Modifier = Modifier, trailingContent: @Composable RowScope.() -> Unit = { Icon(Icons.ChevronForward, null) }, interactionSource: MutableInteractionSource = remember { MutableInteractionSource() }, content: @Composable () -> Unit)

A tile placeable within elevated TileGroup that represents an actionable item.

This variant of the component allows you to define a custom content.

The trailingContent displays the Icons.ChevronForward by default but you can override. RowScope is provided in case you want to display more end-aligned elements, e.g. badges. You can also vertically align each element using the RowScope.align modifier.