kotlin-mui-system/mui.system

Package-level declarations

Types

BoxClasses

sealed external interface BoxClasses

BoxOwnProps

external interface BoxOwnProps : PropsWithChildren, PropsWithSx

BoxProps

external interface BoxProps : BoxOwnProps, HTMLAttributes<HTMLDivElement> , PropsWithComponent

Breakpoint

sealed external interface Breakpoint

Breakpoints

external interface Breakpoints

BreakpointsOptions

external interface BreakpointsOptions : Breakpoints

ContainerClasses

sealed external interface ContainerClasses

ContainerProps

external interface ContainerProps : HTMLAttributes<HTMLDivElement> , PropsWithChildren, PropsWithSx

CustomSystemProps

external interface CustomSystemProps

Direction

sealed external interface Direction

GlobalStylesProps

external interface GlobalStylesProps : Props

GridBaseProps

external interface GridBaseProps : PropsWithChildren

GridClasses

sealed external interface GridClasses

GridDirection

sealed external interface GridDirection

GridProps

external interface GridProps : GridBaseProps, PropsWithSx

GridSize

sealed external interface GridSize

Lost from union: number

GridWrap

sealed external interface GridWrap

InitColorSchemeScriptProps

external interface InitColorSchemeScriptProps : Props

Mixins

external interface Mixins

PropsWithSx

external interface PropsWithSx : Props

ResponsiveStyleValue

external interface ResponsiveStyleValue<T : Any>

Shadows

external interface Shadows

Shape

external interface Shape

ShapeOptions

typealias ShapeOptions = Shape

Spacing

external interface Spacing

StackBaseProps

external interface StackBaseProps : PropsWithChildren

StackClasses

sealed external interface StackClasses

StackDirection

sealed external interface StackDirection

StackOwnerState

external interface StackOwnerState

StackProps

external interface StackProps : StackBaseProps, PropsWithSx

StandardProps

external interface StandardProps : PropsWithStyle, PropsWithClassName

SxProps

typealias SxProps<T> = CSSProperties

SystemProps

typealias SystemProps<T> = Props

Theme

external interface Theme

ThemeOptions

external interface ThemeOptions

ThemeProviderProps

external interface ThemeProviderProps : PropsWithChildren

Transitions

external interface Transitions

Typography

external interface Typography

Union

typealias Union = String

UseMediaQueryOptions

external interface UseMediaQueryOptions

ZIndex

external interface ZIndex

Properties

Box

external val Box: FC<BoxProps>

Demos:

boxClasses

external val boxClasses: BoxClasses

Container

external val Container: FC<ContainerProps>

Demos:

containerClasses

external val containerClasses: ContainerClasses

Grid

external val Grid: FC<GridProps>

Demos:

gridClasses

external val gridClasses: GridClasses

Stack

external val Stack: FC<StackProps>

Demos:

stackClasses

external val stackClasses: StackClasses

ThemeProvider

external val ThemeProvider: FC<ThemeProviderProps>

This component makes the theme available down the React tree. It should preferably be used at the root of your component tree. API:

Functions

createBreakpoints

external fun createBreakpoints(options: BreakpointsOptions): Breakpoints

createTheme

external fun createTheme(options: ThemeOptions? = definedExternally, vararg args: Any): Theme

responsive

inline fun <T : Any> responsive(value: T): ResponsiveStyleValue<T>

fun <T : Any, R : T, ResponsiveStyleValue<T>> responsive(vararg values: Pair<Breakpoint, T>): R

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

useTheme

external fun <T : Theme> useTheme(defaultTheme: T? = definedExternally): T