Microsite header
Communicate what stage the service is at, connect to Alberta.ca, and gather feedback on your service.
Props
type
GoabServiceLevel alpha | beta | live
The service type which determines the badge style. "live" shows official government site text, "alpha" and "beta" show development stage badges.
feedbackUrl
string
URL to a feedback page displayed when provided.
feedbackUrlTarget
GoabLinkTarget self | blank
Sets the target attribute for the feedback URL link.
Defaults to
blank.
headerUrlTarget
GoabLinkTarget self | blank
Sets the target attribute for the header link.
Defaults to
blank.
maxContentWidth
string
Maximum width of the content area.
Defaults to
100%.
testId
string
Sets a data-testid attribute for automated testing.
version
string | React.ReactNode
App or service version displayed on the right side of the header.
Events
onFeedbackClick
() => void
Callback fired when the feedback link is clicked, enables custom feedback handling.
ReactNode
version
ReactNode
App or service version displayed on the right side of the header.