Inline Alert

유저가 꼭 알아야하는 경고성 메시지나 광고의 상태를 전달하는 시스템 메시지입니다. 주로 Top Navigation 아래에 고정되어 노출하며, 주목도가 높으니 필요한 경우에 제한적으로 사용합니다.

구조도

  1. Root
  2. Icon
  3. Content
  4. Title
  5. Description
  6. Action

옵션

Normal

일반적인 상황에 사용되는 배리언트로, 일반적인 정보나 안내에 적합합니다.

Info

추가 정보를 전달하거나 유저에게 주의를 요하는 경우에 사용됩니다. 주로 중요한 메시지 전달에 활용됩니다.

Success

성공적인 작업을 나타내는 배리언트로, 유저의 긍정적인 경험을 강조하거나 과업이 완료되었을 때 나타냅니다.

Danger

위험한 상황을 나타내거나 유저에게 경고를 주어야 할 때 사용되는 배리언트로, 주의가 필요한 상황을 강조합니다.

Weight

Standard는 기본값으로 사용을 권장하며, 대부분의 상황에서 적합합니다. 일반적인 메시지나 안내에 이 옵션을 사용하여 메시지를 전달하는 것이 좋습니다. Strong은 특정 메시지를 강조하는 데 사용됩니다. 시각적으로 강한 주목도를 갖고있어 꼭 필요한 경우에 제한적으로 사용합니다.

Icon

Icon은 Inline Alert의 내용이나 목적을 시각적으로 나타내고 보조하는 역할을 합니다. 유저가 Icon을 통해 어떤 유형의 메시지인지 쉽게 인지할 수 있도록 돕습니다.

옵션 테이블

속성기본값
variantnormal, info, success, dangernormal
weightstandard, strong
descriptiontext
iconIcon

개발 현황