haze-materials/dev.chrisbanes.haze.blur.materials/CupertinoMaterials

CupertinoMaterials

A class which contains functions to build dev.chrisbanes.haze.blur.HazeBlurStyles which implement 'material' styles similar to those available on Apple platforms. The values used are taken from the iOS 18 Figma file published by Apple.

The primary use case for using these is for when aiming for consistency with native UI (i.e. for when mixing Compose Multiplatform content alongside SwiftUI content).

When Blur is disabled, each style falls back to a flat frost colour (its foreground tint over the container colour) rather than the blur tint.

Functions

regular

@Composable

@ReadOnlyComposable

fun regular(containerColor: Color = MaterialTheme.colorScheme.surface): HazeBlurStyle

A dev.chrisbanes.haze.blur.HazeBlurStyle which implements a somewhat opaque material. More opaque than thin, more translucent than thick.

thick

@Composable

@ReadOnlyComposable

fun thick(containerColor: Color = MaterialTheme.colorScheme.surface): HazeBlurStyle

A dev.chrisbanes.haze.blur.HazeBlurStyle which implements a mostly opaque material. More opaque than regular.

thin

@Composable

@ReadOnlyComposable

fun thin(containerColor: Color = MaterialTheme.colorScheme.surface): HazeBlurStyle

A dev.chrisbanes.haze.blur.HazeBlurStyle which implements a translucent material. More opaque than ultraThin, more translucent than regular.

ultraThin

@Composable

@ReadOnlyComposable

fun ultraThin(containerColor: Color = MaterialTheme.colorScheme.surface): HazeBlurStyle

A dev.chrisbanes.haze.blur.HazeBlurStyle which implements a mostly translucent material.