Function FaceHighlight

FaceHighlight(__namedParameters: FaceHighlightProps): Element | null

Interactive face highlight component.

Renders a semi-transparent triangle for a face that can be selected. Use the renderControl prop to provide custom transform controls.

Parameters

__namedParameters: FaceHighlightProps

Returns Element | null

Example

<FaceHighlight
  face={face}
  vertices={vertices}
  selected={isSelected}
  onSelect={handleSelect}
  onMoveVertices={handleMove}
  renderControl={({ center, onMoveByDelta, onTransform }) => (
    <PivotControls
      anchor={[0, 0, 0]}
      position={center}
      onDrag={(matrix) => { ... }}
    />
  )}
/>