Window size classes are a set of opinionated viewport breakpoints to design, develop, and test responsive application layouts against. For more details check Support different screen sizes documentation.

WindowWidthSizeClass

@Immutable

sealed class WindowWidthSizeClass : Comparable<WindowWidthSizeClass>

Width-based window size class.

Functions

currentWindowSizeClass

@Composable

fun currentWindowSizeClass(): WindowSizeClass

A composable function that calculates and returns the current window size class.

rememberBootstrapBreakpoint

@Composable

fun rememberBootstrapBreakpoint(): State<BootstrapBreakpoint>

Returns a State object representing the current Bootstrap breakpoint of the screen.

rememberBreakpoint

@Composable

fun rememberBreakpoint(): State<Breakpoint>

Returns a State object representing the current breakpoint of the screen. It uses media queries to determine the current screen size.

rememberMediaQueryAsState

@Composable

fun rememberMediaQueryAsState(query: String): State<Boolean>

Returns a State object representing whether the given media query matches the current screen.

rememberOrientation

@Composable

fun rememberOrientation(): State<Orientation>

Returns a State object representing the current screen orientation.

rememberTailwindcssBreakpoint

@Composable

fun rememberTailwindcssBreakpoint(): State<TailwindcssBreakpoint>

Returns a State object representing the current TailwindCSS breakpoint of the screen.