39 lines
1.4 KiB
TypeScript
39 lines
1.4 KiB
TypeScript
import * as React from 'react';
|
|
import { ReactThreeFiber, ThreeElements } from '@react-three/fiber';
|
|
import { ForwardRefComponent } from '../helpers/ts-utils';
|
|
export type TextProps = Omit<ThreeElements['mesh'], 'ref'> & {
|
|
children: React.ReactNode;
|
|
characters?: string;
|
|
color?: ReactThreeFiber.Color;
|
|
fontSize?: number;
|
|
fontWeight?: number | string;
|
|
fontStyle?: 'italic' | 'normal';
|
|
maxWidth?: number;
|
|
lineHeight?: number;
|
|
letterSpacing?: number;
|
|
textAlign?: 'left' | 'right' | 'center' | 'justify';
|
|
font?: string;
|
|
anchorX?: number | 'left' | 'center' | 'right';
|
|
anchorY?: number | 'top' | 'top-baseline' | 'middle' | 'bottom-baseline' | 'bottom';
|
|
clipRect?: [number, number, number, number];
|
|
depthOffset?: number;
|
|
direction?: 'auto' | 'ltr' | 'rtl';
|
|
overflowWrap?: 'normal' | 'break-word';
|
|
whiteSpace?: 'normal' | 'overflowWrap' | 'nowrap';
|
|
outlineWidth?: number | string;
|
|
outlineOffsetX?: number | string;
|
|
outlineOffsetY?: number | string;
|
|
outlineBlur?: number | string;
|
|
outlineColor?: ReactThreeFiber.Color;
|
|
outlineOpacity?: number;
|
|
strokeWidth?: number | string;
|
|
strokeColor?: ReactThreeFiber.Color;
|
|
strokeOpacity?: number;
|
|
fillOpacity?: number;
|
|
sdfGlyphSize?: number;
|
|
debugSDF?: boolean;
|
|
glyphGeometryDetail?: number;
|
|
onSync?: (troika: any) => void;
|
|
};
|
|
export declare const Text: ForwardRefComponent<TextProps, any>;
|