How to create a checkbox in Sanity Studio and conditionally add a CSS class

I am new to Sanity.How do you create a checkbox in the studio and use either a value of True or False to conditionally add a CSS class?

Checkboxes are not one of Sanity's schemas types but can be created through custom components.
As for conditionally adding a CSS class you can a field like the one below to your document:

And then in your frontend for example if you are using React you could:

Or use a tool like clsx

What is this custom component look like in the CMS UI?

It looks like whatever you want it to be.
In your case it would to render out a checkbox.

But since you only need to a field which needs a true or false value, a field with type Boolean is more than enough.

Here's an example guide of a custom component -
https://www.sanity.io/guides/create-interactive-array-items-for-featured-elements

Thank you so much!

Please don’t post your question to multiple channels.

I wasn't sure which channel I should post. Won't do it again.