I cant create a 2nd Toggle Component For My Dropdown Menu in XD

Question

Hello I created a dropdown menu button and as of now I have 1 toggle component.

Im trying to set up to where when the user clicks on the "+ Add Event" button it will turn it into a Input where some can type in the event name. Here is an example.

The problem is because I have one toggle my component doesnt give me the option to create a 2nd toggle. Hoew should I handle this? If I click on "Create New State" instead of toggle then the user wont be able to close the dropdown menu like before when it was a toggle state.

Here is a preview link.

Hopefully I explained this correctly where it makes sense. I tried to attach the xd file but i keep gettings this stubid error.

Spas K. · Answer

Hi Ruben, you don't need to use a toggle state. The toggle state is a quick way to make simple components with just two states. It's like the other states but with a two way link to the default state.

What you need is an extra state where the dropdown has an input, so when the + Create New is clicked, it will point to that state.

Since I already have your file from your previous thread, I set it up for you. Here's the file, and here's the prototype. If you want the input to add a new category, it will make things a lot more complex, so I'd end it here and explain to devs what needs to happen.

Also, the forum doesn't like .xd files. You can upload to dropbox / google drive or any other cloud service and share the link here.

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.