Identity Placeholder

사용자 정보가 없거나 로딩 중일 때 표시되는 플레이스홀더 컴포넌트입니다. 프로필 이미지와 이름 영역을 일관되게 표현할 때 사용됩니다.

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

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

Installation

npx @seed-design/cli@latest add --seed-react-version 1.1 ui:identity-placeholder

Props

Prop

Type

Examples

Identity

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

export default function IdentityPlaceholderPreview() {
  return (
    <div style={{ display: "grid", gridTemplateColumns: "repeat(2, minmax(0, 1fr))", gap: 16 }}>
      <IdentityPlaceholder identity="person" />
      <IdentityPlaceholder identity="business" />
    </div>
  );
}

Last updated on

On this page