Make Checked State

Make a checked state for any component or variant set.

🎶 from the creators of Make Hover State 🎶, the mad scientists at Shift Lab. Want to work with us? We're hiring!

Get StartedSelect one or more components and/or variant setsRun the pluginStyle your new checked state variants!

This will generate a clone of the existing component (or each variant in a component set), create a variant property group called Checked with True and False values, and connect the new variant and the original with a set of click interaction triggers, creating a toggle interaction.

LimitationsThere is currently a limitation with variant sets, where the plugin doesn't work if there is already a property group with the word "check" in it. This is built in so that in future the plugin can support intelligently completing half-built variant sets, but it seems like it would be very prone to edge cases so I'm not sure if I'll ever support it. For now, use the plugin on either sole components or variant sets without checked states defined.