Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


A new state inside another state

New Here ,
May 01, 2021 May 01, 2021

Copy link to clipboard

Copied

Hi everyone,

I wanna design a multiple step state over a button (search button):
1. Default state:

1.jpg

2. Hover state:

2.jpg

3. Open state (you tap the button and it opens):

3.jpg
4. Active state (you tap the search area and it transforms to ready to type field with blinking cursor).

At this step I have to make the white box inside the search box (you can see in state 3 above) a new component so I'll be able to add new states to this area. But I can just make a new component with a default state and another state is not possible to be added.

Is there any feasible solution to this?

Thank you in advance.

Views

173

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
May 31, 2021 May 31, 2021

Copy link to clipboard

Copied

LATEST

Hello,

Thank you for reporting. The thing you want to ake is nothing but a nested component. A new component inside a component and yeah it is possible to add states to new component. 

As you create a new component do right click on it and select " edit main component" . Its main component will get higlighted and you can add as many states you want.

I hope it will be helpful.

 

Thanks

Anita Subedi

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines