Variants

A component variant is different versions of a component that change based on specific settings, offering flexibility and reuse. For example, a button component might change color depending on the situation, like a red button for alerts or a green button for confirmation.

Here's a simple conference event page with card variants that shows different cards for the different speakers. The prompt was:

Highlight variant - dark black border, and bolder title 

You can also make component variants by pasting in or uploading pictures. This is great for getting working, interactive webpages and apps from your Figma or Adobe designs.