UI Kits

What is Variant?

A named version of a component that looks or behaves differently, like a button that can be `primary`, `secondary`, or `destructive`. Variants live inside one component definition.

Learn this term every day on iPhone.

One hand-written term. A real workplace example. Thirty seconds before your day gets loud.

In real work

Add a destructive variant to the Button. Red colors, same API as primary and secondary. All three in one component.

How is this different from Googling it?

Google gives a definition. Prompthaus pairs each term with how it shows up in standups, PRs, prompts, and design reviews—then quizzes you until the word sticks. One term a day on iPhone.