Make Checked State

<p>Make a checked state for any component or variant set.</p><p><br></p><p>🎶 from the creators of <a href="https://www.figma.com/community/plugin/1057776086489705418/Make-Hover-State" rel="noreferrer noopener nofollow ugc" target="_blank">Make Hover State</a> 🎶, the mad scientists at Shift Lab. Want to work with us? <a href="http://By the mad scientists at Shift Lab. Want to work with us? Visit https://shiftlab.co/careers" rel="noreferrer noopener nofollow ugc" target="_blank">We're hiring!</a></p><p><br></p><p><br></p><h2>Get Started</h2><ol><li>Select one or more components and/or variant sets</li><li>Run the plugin</li><li>Style your new checked state variants!</li></ol><p><br></p><p>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.</p><p><br></p><h2>Limitations</h2><p>There 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.</p>