Components

Component

IdentityPlaceholder

Fallback identity mark for avatars, places, media, and documents.

ReactReact Native3 props
PreviewReact
PLID

Imports

import { IdentityPlaceholder } from "@hozorica/hods-react/identity-placeholder";
import { IdentityPlaceholder } from "@hozorica/hods-react-native/identity-placeholder";

Props

PropTypeDescription
identityperson | place | image | documentFallback semantic type.
size20 | 24 | 36 | 42 | 48 | 56 | 64 | 80 | 96Square placeholder size.
labelReactNodeOptional custom glyph or short label.

Platform Support

React

Inline placeholder with size, identity, and accessible label support.

React Native

View/Text placeholder with matching identity and size props.

Usage

<IdentityPlaceholder identity="person" size="48" />

Notes

  • Use with Avatar fallback when no image is available.
  • Keep labels short so the mark remains legible at small sizes.