ZSMessageBarExample

가로 꽉 채움 · 기본
fullWidth 기본값(true) — 부모 폭을 채웁니다. 화면 상단 공지나 폼 전체 오류에 씁니다.
콘텐츠 맞춤 · FULLWIDTH={FALSE}
텍스트 길이만큼만 차지합니다. 입력 필드 아래 인라인 피드백처럼 짧은 문구에 씁니다.
콘텐츠 맞춤 · 가로 나열
hug 상태라 flexWrap 부모 안에서 칩처럼 나란히 흐릅니다.
종류별 · 제목 없이 한 줄
title을 빼면 아이콘이 수직 중앙으로 정렬됩니다.
VARIANT · 종류별 3종
pastel
solid
stroke
나머지 INTENT
액션 · 닫기
액션 호출 0회 · 닫기 전
VISIBLE 제어
아이콘 제어
TEXTSIZE · 1 / 3 / 6
// 폭 전체 — 화면 공지 · 폼 전체 오류 <ZSMessageBar intent="warning" title="무료 체험이 곧 끝나요" message="3일 뒤 자동으로 유료 전환됩니다." actionLabel="플랜 보기" onAction={openPlans} showClose /> // 콘텐츠 맞춤 — 입력 필드 아래 인라인 피드백 <ZSMessageBar intent="danger" fullWidth={false} textSize="4" message="필수 항목입니다" />