New to KendoReactStart a free 30-day trial

Represents the props of the KendoReact LinearGauge component.

Definition

Package:@progress/kendo-react-gauges

Properties

children?

ReactNode

Determines the children nodes.

Sets additional CSS classes to the component.

dir?

string

Represents the dir HTML attribute.

The configuration of the pointers (see example).

Example:

jsx
<LinearGauge pointer={{ value: 75 }} />

renderAs?

"svg" | "canvas"

Sets the preferred rendering engine. If not supported by the browser, the Gauge switches to the first available mode.

The supported values are:

  • "svg"—If available, renders the component as an inline .svg file.
  • "canvas"—If available, renders the component as a canvas element.

The configuration of the scale.

Example:

jsx
<LinearGauge scale={{ min: 0, max: 100 }} />

style?

CSSProperties

The styles that are applied to the component.

If set to true, the Gauge plays animations when it displays the series. By default, animations are enabled.