Skip to content

Viewport Labels

Enable labels with showLabels.

<DebugViews
views={views}
layout="row"
slots={4}
showLabels
viewportLabels={["Beauty", "Normals", "Depth", "Albedo"]}
/>

In viewport mode, labels follow the explicit viewportViews plan:

<DebugViews
mode="viewport"
views={views}
viewportViews={[
{ view: "beauty", label: "Reference" },
{ view: "normal", label: "Geometry normals" },
]}
layout={{ mode: "row", slots: 2 }}
showLabels
/>

You can also pass a formatter function when labels need to be generated from the view and viewport index.