Components

Redacted

Redacted adapts SwiftUI's redacted modifier into an explicit placeholder or privacy wrapper on the web.

Example

Requires React 18.2+ or 19 and shared styles. See setup.

Placeholder

Loading preview…

Code
'use client';
import { Text } from '@swiftuijs/ui';
import { VStack } from '@swiftuijs/ui';
import { Redacted } from '@swiftuijs/ui';
export default function Example() {
    return ((<VStack spacing={10}>
      <Redacted>
        <Text>Loading profile</Text>
      </Redacted>
      <Redacted>
        <Text>Recent activity</Text>
      </Redacted>
    </VStack>));
}

Status: adapted

More examples

Privacy

API reference

PropTypeRequiredDescription
activebooleanNo—
reason'placeholder' | 'privacy'No—

Inherits additional props from IBaseComponent.