AvatarGroup

함께하는 사람들의 모음.

WPI+2

PLAYGROUND미리보기 안의 요소를 직접 조작해 보세요.

사용 코드

import * as W from 'woosign-system';

// ThemeProvider와 ToastProvider 안에서 렌더링하세요.
export function Example() {
  return (
    <W.AvatarGroup
      items={['Woo', 'Paper', 'Ink', 'Ember', 'Forest'].map((name) => ({
        name,
      }))}
      max={3}
    />
  );
}

API

타입 정의 ↗

Prop	Type	필수
`items`	`readonly {src?: string; name: string}[]`	●
`max`	`number`	—
`size`	`number`	—

공통 API 기준입니다. 플랫폼별 style, className 및 세부 타입은 타입 정의에서 확인하세요.

← 전체 컴포넌트로 돌아가기

기본 요소

레이아웃

폼과 입력

탐색

피드백

오버레이

AvatarGroup

사용 코드

API