Package-level declarations

Types

Link copied to clipboard
sealed external interface BoxClasses
Link copied to clipboard
Link copied to clipboard
Link copied to clipboard
sealed external interface Breakpoint
Link copied to clipboard
external interface Breakpoints
Link copied to clipboard
external interface BreakpointsOptions
Link copied to clipboard
sealed external interface ContainerClasses
Link copied to clipboard
Link copied to clipboard
external interface CustomSystemProps : Props
Link copied to clipboard
sealed external interface Direction
Link copied to clipboard
external interface GlobalStylesProps : Props
Link copied to clipboard
external interface InitColorSchemeScriptProps : Props
Link copied to clipboard
external interface PropsWithSx : Props
Link copied to clipboard
external interface ResponsiveStyleValue<T : Any>
Link copied to clipboard
external interface Shape
Link copied to clipboard
typealias ShapeOptions = Shape
Link copied to clipboard
sealed interface Spacing
Link copied to clipboard
typealias SpacingArgument = Int
Link copied to clipboard
sealed external interface SpacingOptions
Link copied to clipboard
external interface StackBaseProps : PropsWithChildren
Link copied to clipboard
sealed external interface StackClasses
Link copied to clipboard
sealed external interface StackDirection
Link copied to clipboard
external interface StackOwnerState
Link copied to clipboard
external interface StackProps : StackBaseProps, PropsWithSx
Link copied to clipboard
Link copied to clipboard
typealias SxProps<T> = CSSProperties
Link copied to clipboard
external interface Theme
Link copied to clipboard
external interface ThemeOptions
Link copied to clipboard
Link copied to clipboard
typealias Union = String
Link copied to clipboard
external interface UseMediaQueryOptions

Properties

Link copied to clipboard
external val Box: FC<BoxProps>

Demos:

Link copied to clipboard
external val boxClasses: BoxClasses
Link copied to clipboard
external val Container: FC<ContainerProps>

Demos:

Link copied to clipboard
Link copied to clipboard
external val Stack: FC<StackProps>

Demos:

Link copied to clipboard
Link copied to clipboard

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

Functions

Link copied to clipboard
Link copied to clipboard
external fun createSpacing(spacingInput: SpacingOptions? = definedExternally): Spacing
Link copied to clipboard
external fun createTheme(options: ThemeOptions? = definedExternally, vararg args: Any): Theme
Link copied to clipboard
inline fun <T : Any> responsive(value: T): ResponsiveStyleValue<T>
fun <T : Any, R : T, ResponsiveStyleValue<T>> responsive(vararg values: Pair<Breakpoint, T>): R
Link copied to clipboard
inline fun SpacingOptions(noinline value: (abs: Int) -> Length): SpacingOptions
inline fun SpacingOptions(noinline value: (abs: Length) -> Length): SpacingOptions
inline fun SpacingOptions(value: Int): SpacingOptions
Link copied to clipboard
inline fun PropsWithSx.sx(crossinline block: PropertiesBuilder.() -> Unit)
Link copied to clipboard
external fun <Theme : Any> useMediaQuery(queryInput: (theme: Theme) -> String, options: UseMediaQueryOptions? = definedExternally): Boolean
external fun useMediaQuery(queryInput: String, options: UseMediaQueryOptions? = definedExternally): Boolean
Link copied to clipboard
external fun <T : Theme> useTheme(defaultTheme: T? = definedExternally): T