Design/net.ikea.skapa.ui.components/ListViewItemControls

ListViewItemControls

sealed class ListViewItemControls(source)

Trailing controls are used to distinguish between Navigation and Action behaviour.

For Navigation, use an icon to indicate a navigation, like an arrow, a chevron or link out as a trailing icon. In contextual menus you do not have to provide a trailing icon for navigation. For Action or Select behaviour, you can add additional controls such as checkbox, radio or switch for selection use cases. In all cases, clicking anywhere within the component triggers the control selection.

Inheritors

Types

data object Arrow : ListViewItemControls

Trailing arrow icon

data class Checkbox(val checked: Boolean) : ListViewItemControls

Checkbox is used to represent a trailing checkbox control in the list view item.

data object Chevron : ListViewItemControls

Trailing chevron icon

data object ChevronSmall : ListViewItemControls

Trailing small chevron icon

sealed class Copy : ListViewItemControls

Trailing copy icon

sealed class LinkOut : ListViewItemControls

Link out item. Use a descriptive label to set the user's expectation when clicking a link out item

data object None : ListViewItemControls

No trailing visual element

data class RadioButton(val selected: Boolean) : ListViewItemControls

RadioButton is used to represent a trailing radio button control in the list view item.

data class Switch(val checked: Boolean) : ListViewItemControls

Switch is used to represent a trailing switch control in the list view item.