Skip to content
Documentation

Pages

Explore a screen and the components that make it up.

Use Pages to find what makes up one screen before changing its layout or behavior. The component tree and canvas stay in sync as you explore.

Watch the canvas as you move from a page to one of its components.

After choosing a page, use the tree and canvas together to locate the component that owns the part of the screen you want to change.

Choose a page

The Pages Explorer lists the screens Hexby found. Select one to make it active on the canvas.

Explore the component tree

Expand the active page to see the components it uses. A shared component can appear under more than one page or containing component; those entries still refer to the same component.

Use the tree to find:

  • Which component creates this part of the screen?
  • Is it reused elsewhere?
  • Which component should I inspect before asking for a change?

Filter the view

Use the available component, preview, and sort filters to narrow the tree and canvas. If nothing appears, reset the filters before assuming the page is empty. A blocked component can still be selected and inspected.

Choose the right view

Use Pages for a screen or page-level change. Use All Components for project-wide search, Component Map for broader relationships, and Preview App for routes and full-app behavior.

Next step

Open Component View to inspect a selected component’s appearance, states, and reuse.