dcl-ui-toolkit
Version:
A collection of UI helpers to make it easier to build a Decentraland scene using the SDK 7.
33 lines (32 loc) • 1.2 kB
TypeScript
import { Color4 } from '@dcl/sdk/math';
import ReactEcs from '@dcl/sdk/react-ecs';
import { EntityPropTypes } from '@dcl/react-ecs/dist/components/types';
import { UiLabelProps } from '@dcl/react-ecs/dist/components/Label/types';
import { UIObject, UIObjectConfig } from '../UIObject';
export type CounterTextElement = Omit<UiLabelProps, 'value' | 'fontSize' | 'color'> & Omit<EntityPropTypes, 'uiTransform'> & {
uiTransform?: Omit<NonNullable<EntityPropTypes['uiTransform']>, 'display' | 'position'>;
};
export type CounterConfig = UIObjectConfig & {
value: number;
xOffset?: number;
yOffset?: number;
color?: Color4;
size?: number;
fixedDigits?: number;
};
export declare class Counter extends UIObject {
textElement: CounterTextElement;
xOffset: number;
yOffset: number;
color: Color4;
size: number;
fixedDigits: number;
private _value;
private readonly _valueStep;
constructor({ startHidden, value, xOffset, yOffset, color, size, fixedDigits, }: CounterConfig);
read(): number;
set(value: number): void;
increase(amount?: number): void;
decrease(amount?: number): void;
render(key?: string): ReactEcs.JSX.Element;
}