Skip to main content

Compare

A CSS component for visually comparing two values on a line, optionally enhanced with bubble markers showing positions and labels.

Compare​

.e-compare

Preview
Open in playground →

Compare With Bubbles​

Preview
Config
Percent

Percentage bubble position.

Placement

Defines the placement of label.

Type

Defines the type of labels.

Distance

Defines the distance of base type label from slider line.

Color

Bubble and tooltip color.

Open in playground →

Compare With Progress​

Preview
Config
Percent

Percentage bubble position.

Placement

Defines the placement of label.

Type

Defines the type of labels.

Distance

Defines the distance of base type label from slider line.

Color

Bubble and tooltip color.

Open in playground →