Banner

Import

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

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

When to use

Banner shows a persistent message at the top of a page or section. Use it for form errors, system updates, maintenance notices, or success confirmations that the user needs to s...

Important props

Theming targets

Best practices

• DoPick a status that matches the message: info for updates, warning for caution, error for problems, success for confirmations.
• DoUse the card container inside page content and the section container for full-width messages that span the entire page.
• DoMake info and success banners dismissable. Keep error banners visible until the user fixes the issue.
• DoKeep titles short and scannable: "Payment failed" not "There was a problem processing your most recent payment."