GridOwnProps

Properties

Link copied to clipboard
abstract override var children: ReactNode?

The content of the component.

Link copied to clipboard
abstract var classes: GridClasses?

Override or extend the styles applied to the component.

Link copied to clipboard

The number of columns.

Link copied to clipboard
abstract var columnSpacing: ResponsiveStyleValue<dynamic>?

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

Link copied to clipboard
abstract var container: Boolean?

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

Link copied to clipboard

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

Link copied to clipboard
abstract var item: Boolean?

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

Link copied to clipboard
abstract var key: Key?
Link copied to clipboard
abstract var rowSpacing: ResponsiveStyleValue<dynamic>?

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

Link copied to clipboard
abstract var spacing: ResponsiveStyleValue<dynamic>?

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

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

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

Link copied to clipboard
abstract var wrap: GridWrap?

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

Link copied to clipboard
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

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 <P : Props> ElementType<P>.invoke(noinline block: P.() -> 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()