Skip to components

DEVELOPER REFERENCE · v4.0.0

StatusFeedbackPanel API

Props, callbacks and methods. Select an underlined type to explore its fields, allowed values and callback arguments.

View status and feedback examples →

StatusFeedbackPanel12 props3 callbacks6 methods

Props12

StatusFeedbackPanel props
Name	Type	Description
`autoDismissMs`Optional	`number \| undefined`	Component adapters only: dismiss settled neutral/success items after this delay. Disabled by default.
`compact`Optional	`boolean \| undefined`	Uses the compact feedback panel layout.
`closeLabel`Optional	`string \| undefined`	Accessible text for the close action.
`localeText`Optional	`Partial<StatusFeedbackLocaleText> \| undefined`Inspect type	Overrides the feedback panel UI strings without replacing unspecified defaults.
`title`Required	`string`	Heading or title text used by this component.
`items`Required	`readonly StatusFeedbackItem[]`Inspect type	Ordered items to render. Each item follows the shape shown in the expanded type.
`ariaLabel`Optional	`string \| undefined`	Accessible name announced by assistive technology.
`className`Optional	`string \| undefined`	Additional CSS classes applied to the component root.
`collapsed`Optional	`boolean \| undefined`	Whether the feedback panel details are collapsed.
`collapseLabel`Optional	`string \| undefined`	Accessible text for collapsing the section.
`expandLabel`Optional	`string \| undefined`	Accessible text for expanding the section.
`popover`Optional	`StatusFeedbackPopoverController \| undefined`Inspect type	Popover controller used to position, open and close the feedback surface.

Events and callbacks3

StatusFeedbackPanel events and callbacks
Name	Type	Description
`onDismissItem`Optional	`((id: string) => void) \| undefined`Inspect type	The owner removes the item after its exit animation.
`onClose`Optional	`(() => void) \| undefined`Inspect type	Requests that the parent close the surface or picker.
`onCollapsedChange`Optional	`((collapsed: boolean) => void) \| undefined`Inspect type	Receives the new collapsed state when the feedback panel is toggled.

Methods6

StatusFeedbackPanel methods
Name	Signature	Description
`StatusFeedbackPopoverController.anchorRef`	`(element?: HTMLElement \| null) => void`Inspect type	Available through `popover`.
`StatusFeedbackPopoverController.panelRef`	`(element?: HTMLElement \| null) => void`Inspect type	Available through `popover`.
`StatusFeedbackPopoverController.setCollapsed`	`(collapsed: boolean) => void`Inspect type	Available through `popover`.
`StatusFeedbackPopoverController.refresh`	`() => void`Inspect type	Call after rendering items; sizing is measured after the renderer finishes its patch. Available through `popover`.
`StatusFeedbackPopoverController.hide`	`(animate?: boolean) => void`Inspect type	Available through `popover`.
`StatusFeedbackPopoverController.destroy`	`() => void`Inspect type	Available through `popover`.