OudsSkeletonProvider

Provides an OudsSkeleton to all OUDS components within the content hierarchy.

This approach is convenient for displaying multiple skeletons, as it avoids passing the skeleton parameter to each component individually. Components within this provider automatically use the provided skeleton unless explicitly overridden with their own skeleton parameter.

There are several ways to display skeletons:

Atomic skeleton component - Standalone skeleton rectangle:

OudsSkeleton(modifier = Modifier.size(200.dp, 62.dp))

Component skeleton parameter - Individual component skeletons:

OudsButton(
    label = "Click me",
    onClick = {},
    skeleton = OudsSkeleton(rememberOudsSkeletonState())
)

Skeleton provider (this approach) - Convenient for displaying multiple skeletons:

OudsSkeletonProvider(skeleton = OudsSkeleton(rememberOudsSkeletonState())) {
    OudsButton(label = "Click me", onClick = {})
    OudsTag(label = "Tag")
    // All OUDS components automatically become skeletons
}

Parameters

See also