kotlin-mui-system/mui.system/GridProps

GridProps

external interface GridProps : GridBaseProps, PropsWithSx(source)

Properties

abstract external override var children: ReactNode?

The content of the component.

abstract external var columns: ResponsiveStyleValue<Number>?

The number of columns.

abstract external var columnSpacing: ResponsiveStyleValue<Any>?

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

abstract external var container: Boolean?

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

abstract external var direction: ResponsiveStyleValue<GridDirection>?

Defines the flex-direction style property for the container.

abstract external var key: Key?

abstract external var offset: ResponsiveStyleValue<Any>?

Defines the offset value for the type item components.

abstract external var rowSpacing: ResponsiveStyleValue<Any>?

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

abstract external var size: ResponsiveStyleValue<Union>?

Defines the size of the the type item components.

abstract external var spacing: ResponsiveStyleValue<Any>?

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

abstract external override var sx: SxProps<Theme>?

abstract external var unstable_level: Number?

The level of the grid starts from 0 and increases when the grid nests inside another grid. Nesting is defined as a container Grid being a direct child of a container Grid.

abstract external var wrap: GridWrap?

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

Functions

open inline external fun <P : Props> child(type: ElementType<P>, props: P)

open inline operator external fun <P : Props> ElementType<P>.invoke()

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

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

inline fun PropsWithSx.sx(crossinline block: PropertiesBuilder.() -> Unit)

open inline operator external fun Char.unaryPlus()

open inline operator external fun String?.unaryPlus()

open inline operator external fun ReactNode?.unaryPlus()

open inline operator external fun Props?.unaryPlus()