No records matched your filter criteria. (data table filter result)

[ishah-twilio]

Hello,

Any guidance on if we should / can use warning alert to show "No records matched your filter criteria." for data table query?

[kate-porter]

Hey @ishah-twilio - the Alert component should generally be reserved for system-level notifications, as specified in the docs. Since this is not a system-level notification, I wouldn't recommend using the Alert.

We don't have a pattern for this defined yet, so I would encourage you to see how this is being handled in other parts of the product. I suspect a composition using Card would work for you, as this is effectively an empty state.

[ishah-twilio]

Thank you. I will research other products and will report back as appropriate.

[ishah-twilio]

Thank you @katieporter .

Looked at messaging insights examples -- and updated based on your recommendation.
Is it ok to use primary button action to clear filter in card component?
Also Filter section has button link to clear filters - should it be icon or button?

[kate-porter]

Nice, this treatment looks good.

If there is no other primary button on the page, then it's fine to use a primary button as the "clear" action in the card component. That probably is the primary action for the user at this point, since that's the only way to unblock them, so that makes sense to me.

For the "clear" action in the filters section - I'd say that's fine as-is, I don't think an icon would be as clear. Keep in mind that using the link-style button does come with accessibility tradeoffs (see the last bullet point here).