@react-three/drei/web/Html.d.ts

useful add-ons for react-three-fiber

import * as React from 'react';
import { Object3D, Camera } from 'three';
import { Assign } from 'utility-types';
import { ThreeElements } from '@react-three/fiber';
import { ForwardRefComponent } from '../helpers/ts-utils';
declare function defaultCalculatePosition(el: Object3D, camera: Camera, size: {
    width: number;
    height: number;
}): number[];
export type CalculatePosition = typeof defaultCalculatePosition;
type PointerEventsProperties = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | 'inherit';
export interface HtmlProps extends Omit<Assign<React.HTMLAttributes<HTMLDivElement>, ThreeElements['group']>, 'ref'> {
    prepend?: boolean;
    center?: boolean;
    fullscreen?: boolean;
    eps?: number;
    portal?: React.RefObject<HTMLElement>;
    distanceFactor?: number;
    sprite?: boolean;
    transform?: boolean;
    zIndexRange?: Array<number>;
    calculatePosition?: CalculatePosition;
    as?: string;
    wrapperClass?: string;
    pointerEvents?: PointerEventsProperties;
    occlude?: React.RefObject<Object3D>[] | boolean | 'raycast' | 'blending';
    onOcclude?: (hidden: boolean) => void;
    material?: React.ReactNode;
    geometry?: React.ReactNode;
    castShadow?: boolean;
    receiveShadow?: boolean;
}
export declare const Html: ForwardRefComponent<HtmlProps, HTMLDivElement>;
export {};