Banner vs Page Header

[ceyerkes]

Hey team! Wanted some feedback on which component to use for this use case:

On this page, we're showing data about a Destination. If a destination is less than 2 weeks old, the data might not be 100% accurate yet, and we need a way to communicate that.

I'm exploring Page Header:

Or a Banner (not sure if this is the right use case):

I considered Callout, but couldn't find a good spot for it that didn't push everything down the page significantly compared to the other two options:

Appreciate your feedback, thanks!

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

{"error":"There was an error processing your request"}

I also did a search, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Dismissable callout, alert or custom component? (updated: 04/28/2023, similarity score: 87%)
• Page Header RFC (updated: 12/12/2023, similarity score: 86%)
• Flex Entry Page (updated: 09/12/2022, similarity score: 86%)

[ceyerkes]

Update: the team is interested in exploring the Page Header option, though for this use case, we want to make sure people aren't confused by an "enabled" status and "no recent data" badge. Wondering if we can add a tooltip to a badge for this use case?

[serifluous]

Yep, totally doable. You can use the Badge with button functionality and wrap a Tooltip around it.