Empty Section

Empty 컴포넌트는 콘텐츠가 없거나 데이터가 비어있는 상태를 명확히 전달하는 용도로 사용합니다.

Empty Section

Empty 컴포넌트는 콘텐츠가 없거나 데이터가 비어있는 상태를 명확히 전달하는 용도로 사용합니다.

Empty Section

Empty 컴포넌트는 콘텐츠가 없거나 데이터가 비어있는 상태를 명확히 전달하는 용도로 사용합니다.

Anatomy

ESSENTIAL

1. Text

상태를 설명하는 안내 문구

OPTIONAL

1. Icon

설명을 돕는 시각적 아이콘

2. Button

사용자에게 행동 유도(CTA)를 제공

3. Background

배경색(회색 배경)을 사용할 수 있음

Anatomy

ESSENTIAL

1. Text

상태를 설명하는 안내 문구

OPTIONAL

1. Icon

설명을 돕는 시각적 아이콘

2. Button

사용자에게 행동 유도(CTA)를 제공

3. Background

배경색(회색 배경)을 사용할 수 있음

Anatomy

ESSENTIAL

1. Text

상태를 설명하는 안내 문구

OPTIONAL

1. Icon

설명을 돕는 시각적 아이콘

2. Button

사용자에게 행동 유도(CTA)를 제공

3. Background

배경색(회색 배경)을 사용할 수 있음

State

Control

focused

false

true

Control

focused

false

true

Control

focused

false

true

©Codeit

Contact Us

©Codeit

Contact Us

©Codeit

Contact Us