Alert Banner
서비스 상태 변경이나 확인이 필요한 내용을 화면 상단에 안내하는 배너입니다.
주로 경고, 오류, 제한 사항 등 사용자가 즉시 인지해야 하는 메시지를 전달할 때 사용됩니다.
컴포넌트 명세 (Component Specification)
분류 (Variant)
전달하려는 메시지의 성격에 따라 Warning, Alert, Informative 타입으로 구분됩니다.
사이즈 가이드 (Size Guide )
모든 Alert Banner는 화면 너비에 맞춰 Fill로 설정되며, 높이는 48px로 고정됩니다.
Use Case (사용 예시)
실제 서비스 화면에서 Alert Banner가 배치되고 활용되는 패턴입니다.
텍스트 굵기 (Tet Weight)
필요에 따라 텍스트의 굵기 차이를 두어 강조 정도를 조절할 수 있습니다.
텍스트 버튼 (Text Button)
우측에는 텍스트 버튼을 배치하여 사용자의 행동을 유도할 수 있습니다.
텍스트 컬러 (Text Color)
필요에 따라 텍스트의 컬러 차이를 두어 강조 정도를 조절할 수 있습니다.
간격 (Gap)
상단의 Header 밑에 사용될 때에는
0px로 붙여서 사용합니다.
마스터 컴포넌트 (Master Component)
Master Component입니다. 컴포넌트를 복사해 원하는 위치에서 Instance로 사용합니다.
