Mobile Feedback

/mobile-feedback 데모에 사용된 MobileEmptyState, MobileToast를 설명합니다.

인터랙티브 데모

빈 결과와 조회 실패를 전환하고, 재시도와 토스트 닫기 동작을 확인하세요. 토스트는 화면 하단에 표시됩니다.

MobileEmptyState

Prop	타입	기본값	설명
message	string	필수	빈 상태 안내 문구
icon	IconTypes	ICON_TYPE.inbox	안내 아이콘

action 슬롯에 재시도나 필터 초기화 버튼을 넣을 수 있습니다. 조회 실패와 결과 없음은 문구로 구분해 전달하세요.

<MobileEmptyState message="표시할 트랜잭션이 없습니다.">
    <template #action>
        <button @click="resetFilters">필터 초기화</button>
    </template>
</MobileEmptyState>

MobileToast

Prop	타입	기본값	설명
message	string	필수	토스트 메시지
open	boolean	필수	표시 여부
type	MobileToastType	success	성공 또는 오류 상태
bottomOffset	number	—	화면 아래쪽 여백(px, 음수는 0으로 처리)
closeLabel	string	—	닫기 버튼 접근성 라벨

닫기 시 close 이벤트를 보냅니다. 성공 메시지는 status/polite, 오류 메시지는 alert/assertive 라이브 영역으로 전달됩니다. 컴포넌트는 body에 Teleport되므로 화면 하단 고정 내비게이션이 있는 경우 bottomOffset으로 겹침을 피하세요.