Accordion style Artboard for Components


I’m fairly new at Principle so this might be something super easy, yet, I cannot figure out how to do it.

Can someone tell me how/if it’s doable to have different size artboards? Basically, I want to create an accordion component for header navigation such as in the example on Dribbble from the link below. So if a user taps on a menu icon it expands to reveal the action items. Do I have to create this in a predefined artboard space or can I create a standalone component to export as a MOV or GIF?

In advance, thanks for the help!

  • Ashton

Screenshots/Sketch File/Principle file: (if applicable)

Artboards represent the device screen, which doesn’t change size, so Principle keeps the same size for all artboards. Make the artboard the biggest size you need and then expand/contract within that.

Keeping the artboards the same size also makes exporting videos work nicely, because it’s clear what size the video should be.

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.