Syntax issue using x-show in a template

[tmcmillantx]

I am filtering a grid of logos based on a category that is contained in an array of data. I am having trouble getting the syntax correct for pulling the category (item.cat) into the x-show directive inside the template. Here is what I have that is not working-

<div class="logo-img" x-show="tab === item.cat || tab === 'all'" x-transition.duration.500ms>

Do I still include the quote marks? Do I need the backticks? I am sure it's a simple fix but I can't seem to get the right combo on the syntax.
Thanks for the assistance.

[SimoTod]

The syntax is correct. From your snipoet is not clear what the data is though. Are you sure that your tab value matches item.cat?

[tmcmillantx]

The issue is that the category from the data is not rendering in the html. It renders as item.cat instead of the value for item.cat.
Screenshot of rendered html-

Data-

[SimoTod]

Item.cat is a variable. You don't get to see the value in the html. Can you post a full example to illustrate the issue?

[tmcmillantx]

Ok, that's good to know. I didn't realize that. I have the code working now. Thanks for the assistance.