SweetUI

Search items

Jump to an item

component

skeleton

Turns any view into loading placeholder with native redaction.

skeletonloadingplaceholderredactedshimmershadcn
skeleton, light

On iPad

The same installed source at a regular width. It adapts its layout without a separate design.

skeleton on iPad, light

Install

With the sweetui tool (brew install mangobyte-dev/tap/sweetui):

sweetui install skeleton --destination Sources/YourFeature/Components

Installs in order: skeleton 0.2.2. Point --destination at a folder inside the consuming target's sources.

Usage

@State private var isLoading = true

ActivityRows()
    .registrySkeleton(isLoading)

// Pass false to render the real content unchanged.

Accessibility contract

  • Disables content, excludes hit testing. MUST NOT trigger action.
  • One element, adjustable label. MUST NOT expose redacted text.
  • Reduce Motion: static dimmed state, no pulse.
  • Uses .redacted(.placeholder); keeps identity, state, layout.

Details

Kindcomponent
Version0.2.2
PlatformsiOS 26.0+
Dependenciesnone
SourceRegistry/sources/components/RegistrySkeletonModifier.swift
Xcode previewSkeleton