---

title: Detailed sourcecode: src/core/Detailed.tsx

<Grid cols={4}> <li> <Codesandbox id="12nmp" /> </li> </Grid>

A wrapper around THREE.LOD (Level of detail).

<Detailed distances={[0, 10, 20]} {...props}>
  <mesh geometry={highDetail} />
  <mesh geometry={mediumDetail} />
  <mesh geometry={lowDetail} />
</Detailed>