ValueBar

The Value widget is a slider control used to select a numeric value.

Properties

The ValueBar widget inherits from Widget class → Has all Widget properties.

• orientation: OrientationTypes → The orientation.
• value: number → The value.

Constructor

Parameter	Type	Required	Description
id	string	yes	The id of the widget
orientation	OrientationTypes	yes	The orientation of the widget
parent	Widget	no	The parent of the widget. Default is null

TS Example

src/main.ts

import { ValueBar } from "@cedro/ui";

const myValue: ValueBar = new ValueBar("my-value", "vertical");

myValue.setValue(35);

TSX Example

src/main.tsx

import { WValueBar } from "@cedro/ui";

<WValueBar id="my-value" value="35" orientation="vertical"  />

Public Methods

setValue

Set the percentage value of the value bar.

Parameters

Parameter	Type	Required	Description
value	number	yes	The value.

Returns Value

void

Example

src/main.ts

myValue.setValue(35);

getValue

Get the percentage value of the progress bar.

Parameters

void

Returns Value

number

Example

src/main.ts

const value = myProgress.getValue();