Identity Placeholder

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

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

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

Installation

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

Props

Prop

Type

Examples

Identity

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>
  );
}

Last updated on