ListItemBaseProps

Properties

Link copied to clipboard

Defines the align-items style property.

Link copied to clipboard
abstract var autoFocus: Boolean?

If true, the list item is focused during the first mount. Focus will also be triggered if the value changes from false to true.

Link copied to clipboard
abstract override var children: ReactNode?

The content of the component if a ListItemSecondaryAction is used it must be the last child.

Link copied to clipboard
abstract var classes: ListItemClasses?

Override or extend the styles applied to the component.

Link copied to clipboard

The container component used when a ListItemSecondaryAction is the last child.

Link copied to clipboard

Props applied to the container component if used.

Link copied to clipboard
abstract var dense: Boolean?

If true, compact vertical padding designed for keyboard and mouse input is used. The prop defaults to the value inherited from the parent List component.

Link copied to clipboard
abstract var disabled: Boolean?

If true, the component is disabled.

Link copied to clipboard
abstract var disableGutters: Boolean?

If true, the left and right padding is removed.

Link copied to clipboard
abstract var disablePadding: Boolean?

If true, all padding is removed.

Link copied to clipboard
abstract var divider: Boolean?

If true, a 1px light border is added to the bottom of the list item.

Link copied to clipboard
abstract var key: Key?
Link copied to clipboard
abstract var secondaryAction: ReactNode?

The element to display at the end of ListItem.

Link copied to clipboard
abstract var selected: Boolean?

Use to apply selected styling.

Link copied to clipboard
abstract override var sx: SxProps<Theme>?

The system prop that allows defining system overrides as well as additional CSS styles.

Functions

Link copied to clipboard
open inline fun <P : Props> child(type: ElementType<P>, props: P)
Link copied to clipboard
open inline operator fun <P : Props> ElementType<P>.invoke()
open inline operator fun <T> ContextType<T>.invoke(noinline block: ProviderProps<T>.() -> Unit)
open inline operator fun <P : Props> ElementType<P>.invoke(noinline block: P.() -> Unit)
open inline operator fun <T> ContextType<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
open inline operator fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)
Link copied to clipboard
open inline operator fun Char.unaryPlus()
open inline operator fun String?.unaryPlus()
open inline operator fun ReactNode?.unaryPlus()
open inline operator fun Props?.unaryPlus()