Skip to main content

Setting an ID for a box

When you set an ID for a box, you can use that box as the destination for an anchor link.

How to set an ID

  1. Select the box you want to assign an ID to.

  2. Open the [Settings] tab in the right panel.

  3. In the [ID] field, enter an ID using letters, numbers, hyphens, or underscores (single-byte characters only).

The ID you set can be selected when setting up links, and it will also appear in the Layers panel and on the chip at the top-left of the box.

Types of ID-based links and their use cases

Links that use IDs come in two types: those that jump to an ID on the same page, and those that navigate to another page.

Link type (example)

Destination

Use case

#id

A box with the specified ID on the same page

Great for creating a table of contents at the top of a long, scrollable page.

Note: This type of link can't jump to an ID from a different page, so be careful when using it in elements like headers.

/page#id

A different page with the specified ID, or a box with the specified ID on another page

Ideal for navigation in headers and similar elements that link to the home page or other pages.

anchor link

anchor internal link

Did this answer your question?