0.21.1

silk-widgets/com.varabyte.kobweb.silk.components.layout

Package-level declarations

Types

object DividerVars

HorizontalDividerKind

sealed interface HorizontalDividerKind : ComponentKind

sealed interface SimpleGridKind : ComponentKind

sealed interface SurfaceKind : ComponentKind

object SurfaceVars

VerticalDividerKind

sealed interface VerticalDividerKind : ComponentKind

Properties

HorizontalDividerStyle

val HorizontalDividerStyle: CssStyle<HorizontalDividerKind>

SimpleGridStyle

val SimpleGridStyle: CssStyle<SimpleGridKind>

val SurfaceStyle: CssStyle<SurfaceKind>

VerticalDividerStyle

val VerticalDividerStyle: CssStyle<VerticalDividerKind>

Functions

HorizontalDivider

@Composable

fun HorizontalDivider(modifier: Modifier = Modifier, variant: CssStyleVariant<HorizontalDividerKind>? = null)

A dividing line (i.e. an <hr> tag) which is SilkTheme-aware meant to visually break up elements in a column.

fun numColumns(base: Int, sm: Int = base, md: Int = sm, lg: Int = md, xl: Int = lg): ResponsiveValues<Int>

A convenience function for generating a ResponsiveValues instance to be consumed by SimpleGrid.

@Composable

fun SimpleGrid(numColumns: ResponsiveValues<Int>, modifier: Modifier = Modifier, variant: CssStyleVariant<SimpleGridKind>? = null, ref: ElementRefScope<HTMLElement>? = null, content: @Composable () -> Unit)

A widget making it easy to create a common case of responsive grids, specifically one where you simply specify the number of columns and then its contents will flow to a new row automatically.

@Composable

fun Surface(modifier: Modifier = Modifier, variant: CssStyleVariant<SurfaceKind>? = null, colorModeOverride: ColorMode? = null, contentAlignment: Alignment = Alignment.TopStart, ref: ElementRefScope<HTMLElement>? = null, content: @Composable BoxScope.() -> Unit)

A panel which encapsulates a SilkTheme-aware area.

VerticalDivider

@Composable

fun VerticalDivider(modifier: Modifier = Modifier, variant: CssStyleVariant<VerticalDividerKind>? = null)

A dividing line (i.e. an <hr> tag) which is SilkTheme-aware meant to visually break up elements in a row.