Whether the banner is open.
Setting this property programmatically will immediately show or hide the
banner without animation and without emitting close events.
Prefer the show(), hide(), and toggle() methods for animated
transitions.
StaticstylesStatic ReadonlytagThe tagName read-only property of the Element interface returns the tag name of the element on which it's called.
Closes the banner with an animated grow-out transition.
Returns true when the banner was successfully closed, or false if
it was already closed.
Opens the banner with an animated grow-in transition.
Returns true when the banner was successfully opened, or false if
it was already open.
Toggles the banner open or closed depending on its current state.
Equivalent to calling show() when closed and hide() when open.
Returns true when the transition completed successfully.
Staticregister
A non-modal notification banner that displays important, concise messages requiring user acknowledgement.
The banner slides into view with an animated grow transition and renders inline, pushing the surrounding page content rather than overlaying it.
The component integrates with the Invoker Commands API: an Ignite button or a native
<button>withcommand="--show"/"--hide"/"--toggle"andcommandforpointing to this element will call the corresponding method declaratively without any JavaScript.Element
igc-banner
Fires
igcClosing - Emitted just before the banner closes in response to the default action button being clicked. Cancelable — call
event.preventDefault()to abort the closing sequence.Fires
igcClosed - Emitted after the banner has fully closed and its exit animation has completed.
Slot
Slot
prefix - An icon or illustration rendered to the left of the message. Useful for reinforcing the message type (info, warning, success, etc.).
Slot
actions - Custom action elements rendered in the banner's action area. When provided, replaces the default "OK" dismiss button.
Csspart
base - The root wrapper element of the banner.
Csspart
spacer - The inner wrapper that controls the spacing around the banner content.
Csspart
message - The container that holds the illustration and text content.
Csspart
illustration - The container for the prefix slot (icon/illustration).
Csspart
content - The container for the default message slot.
Csspart
actions - The container for the action buttons slot.