Trouble creating and editing component

6 replies
730 views
Translate

How do I get this shape to be a hover state within the component and how do I resize with the length of the text in the button component?

This topic is closed to new replies. Start a new post to keep the conversation going.

justlearn

Community Expert

@Laura37191504gq47 See hover.mp4

Select your text (use the layers to make sure just the text is selected)
Command K (Mac) or Control K (PC) to make it into a component
A default sault will be created
Click on the + beside Default and select Hover State
Change the colour text
Go back and select the default state (it won't work properly if you are still on the hover state)
Play Preview

Translate

m

hover.zip

L

Laura37191504gq47Author

Participating Frequently

Got the hover state working, but I'd like the line to vary in length depending upon the length of the text once instances are created.

Translate

justlearn

Community Expert

@Laura37191504gq47 It isn't an automatic system like how Figma does it's auto layou with dynamic adjustments. You can do this in Xd, but you need to manually adjust the responsive resize.

It's similiar as above, but maybe on a hover state, you will have to manually extend the text for each instance. It's a work-around, but doable

Translate

m

How do I get this shape to be a hover state within the component and how do I resize with the length of the text in the button component?

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.