The Draftbit Developer Hub

Welcome to the Draftbit developer hub. You'll find comprehensive guides and documentation to help you start working with Draftbit as quickly as possible, as well as support if you get stuck. Let's jump right in!

Get Started    

Layer Tree

The Layer Tree, the highlighted area in the image below, is where you are able to view all the elements you have placed on a screen, rearrange them, and see their relationship with other elements.

In this Screen, there's a Container at the top of the Layer Tree that is the parent to a View and another Container. The View is the parent to an Image and Text, and the second Container is the parent to two Buttons.

When you click an element in the Layer Tree, a border will appear around the selected element in the builder. In addition, any Margin, Padding, or Border applied to an element will be displayed.

To rearrange elements, simply click the element in the layer tree and drag it where you would like it to go instead.

Layer Tree


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.