Core Components
Fog
A <Fog> adds itself to the scene directly. The placement in the hierarchy is therefore unimportant as long as it's inside the <Canvas> component.
Example
<script>
import { Fog } from 'threlte'
</script>
<Fog color={'#dddddd'} />
Properties
// optional
color: THREE.ColorRepresentation = 0xffffff
near: number | undefined = undefined
far: number | undefined = undefined
Bindings
fog: THREE.Fog