# Identity Placeholder
URL: /react/components/identity-placeholder
Source: https://github.com/daangn/seed-design/blob/dev/docs/content/react/components/identity-placeholder.mdx

인물을 표현하는 이미지가 로드되지 않았을 때 보여지는 대체 시각 요소입니다.

사용 가능 버전: @seed-design/react@0.0.1, @seed-design/css@0.0.1

## Preview

```tsx
import { IdentityPlaceholder } from "seed-design/ui/identity-placeholder";

export default function IdentityPlaceholderPreview() {
  return <IdentityPlaceholder />;
}
```

## Installation

- npm: npx @seed-design/cli@latest add ui:identity-placeholder
- pnpm: pnpm dlx @seed-design/cli@latest add ui:identity-placeholder
- yarn: yarn dlx @seed-design/cli@latest add ui:identity-placeholder
- bun: bun x @seed-design/cli@latest add ui:identity-placeholder

## Props

## Examples

### Identity

```tsx
import { Grid } from "@seed-design/react";
import { IdentityPlaceholder } from "seed-design/ui/identity-placeholder";

export default function IdentityPlaceholderPreview() {
  return (
    <Grid columns={2} gap="x4">
      <IdentityPlaceholder identity="person" />
      <IdentityPlaceholder identity="business" />
    </Grid>
  );
}
```