A new state inside another state

[kimotami]

Hi everyone,

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

2. Hover state:

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

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.

[Ansubedi03]

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