전체 카탈로그
피드백과 상태Banner11 props

Banner

Banner는 페이지나 섹션 안에 오래 남아야 하는 시스템 메시지를 보여줍니다.

공식 문서 열기
실시간 미리보기피드백과 상태

미리보기

New release
Versioned docs are ready to review.
Saved
Your component preview has been updated.

Import

import {Banner} from '@astryxdesign/core/Banner';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

사용 시점

Banner는 페이지나 섹션 안에 오래 남아야 하는 시스템 메시지를 보여줍니다.

banneralertnotificationcalloutnoticestatusmessageinfo

중요 props

statusinfo | warning | error | successrequired
containercard | sectionoptional

테마 대상

astryx-bannerastryx-banner-icon

사용 지침

  • 권장Banner의 목적이 드러나도록 레이블과 보조 설명을 함께 제공하세요.
  • 권장상태 변화가 필요한 경우 사용자가 바로 이해할 수 있는 피드백을 연결하세요.
  • 권장키보드와 보조 기술 사용자가 같은 흐름을 따라갈 수 있게 접근성 속성을 확인하세요.
  • 권장화면 밀도와 주변 컴포넌트의 위계가 유지되도록 간격과 크기를 맞추세요.