kotlin-mui-material/mui.material/GridOwnProps

GridOwnProps

external interface GridOwnProps : Props, Breakpoints, PropsWithChildren, PropsWithSx(source)

Inheritors

GridProps

Properties

between

abstract var between: (start: Breakpoint, end: Breakpoint) -> String

children

abstract override var children: ReactNode?

The content of the component.

classes

abstract var classes: GridClasses?

Override or extend the styles applied to the component.

columns

abstract var columns: ResponsiveStyleValue<Number>?

The number of columns.

columnSpacing

abstract var columnSpacing: ResponsiveStyleValue<Any>?

Defines the horizontal space between the type item components. It overrides the value of the spacing prop.

container

abstract var container: Boolean?

If true, the component will have the flex container behavior. You should be wrapping items with a container.

direction

abstract var direction: ResponsiveStyleValue<GridDirection>?

Defines the flex-direction style property. It is applied for all screen sizes.

down

abstract var down: (key: Breakpoint) -> String

item

abstract var item: Boolean?

If true, the component will have the flex item behavior. You should be wrapping items with a container.

key

abstract var key: Key?

keys

abstract var keys: ReadonlyArray<Breakpoint>

not

abstract var not: (key: Breakpoint) -> String

only

abstract var only: (key: Breakpoint) -> String

rowSpacing

abstract var rowSpacing: ResponsiveStyleValue<Any>?

Defines the vertical space between the type item components. It overrides the value of the spacing prop.

spacing

abstract var spacing: ResponsiveStyleValue<Any>?

Defines the space between the type item components. It can only be used on a type container component.

abstract override var sx: SxProps<Theme>?

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

unit

abstract var unit: String?

abstract var up: (key: Breakpoint) -> String

values

abstract var values: Record<Breakpoint, Number>

wrap

abstract var wrap: GridWrap?

Defines the flex-wrap style property. It's applied for all screen sizes.

zeroMinWidth

abstract var zeroMinWidth: Boolean?

If true, it sets min-width: 0 on the item. Refer to the limitations section of the documentation to better understand the use case.

Functions

child

open inline fun child(type: ElementType, props: P)

invoke

open inline operator fun ElementType.invoke()

open inline operator fun ElementType.invoke(noinline block: P.() -> Unit)

open inline operator fun <T> Provider<T>.invoke(value: T, noinline block: ChildrenBuilder.() -> Unit)

unaryPlus

open inline operator fun Char.unaryPlus()

open inline operator fun String?.unaryPlus()

open inline operator fun ReactNode?.unaryPlus()

open inline operator fun Props?.unaryPlus()