Banner Usage

사용자에게 상황에 맞는 정보나 알림을 제공합니다.

Layout

Full banner와 inline banner의 내부 padding이 다르게 적용됩니다.

Banner Layout Spacing

Page 또는 section의 상하단에서 여백 없이 너비를 채워 적용합니다.

Container 안에서 사용할 때는 내부 패딩 기반으로 너비를 꽉 채워 적용합니다.

Form 안에서 사용할 때는 내부 요소간 간격에 맞추어 적용합니다.

Banner는 일반적인 정보 또는 현 상태에 대한 메시지를 전달하는 목적으로 사용합니다. Input field에서의 사용자 입력에 따른 feedback은 banner 대신 validation message를 활용합니다.

✕Don'tRequired

Banner를 사용자 입력 validation 목적으로 사용하지 않습니다.

✓DoRequired

사용자 입력에 대한 validation에는 validation message를 활용합니다.