Skip to contents

Create a Meter component

Usage

calcite_meter(...)

Arguments

...

named attributes passed to htmltools::tag()

Value

an object of class calcite_component which is a subclass of shiny.tag

Details

Properties

The following properties are provided by this component:

NameAttributeDescriptionValuesReflects to Attribute
appearanceappearanceSpecifies the appearance style of the component."outline" | "outline-fill" | "solid"TRUE
disableddisabledWhen true, interaction is prevented and the component is displayed with lower opacity.booleanTRUE
fillTypefill-typeSpecifies the component's display, where "single" displays a single color and "range" displays a range of colors based on provided low, high, min or max values."range" | "single"TRUE
formformThe id of the form that will be associated with the component. When not set, the component will be associated with its ancestor form element, if any.stringTRUE
groupSeparatorgroup-separatorWhen true, number values are displayed with a group separator corresponding to the language and country format.booleanTRUE
highhighSpecifies a high value. When fillType is "range", displays a different color when above the specified threshold.numberTRUE
labellabelAccessible name for the component.stringFALSE
lowlowSpecifies a low value. When fillType is "range", displays a different color when above the specified threshold.numberTRUE
maxmaxSpecifies the highest allowed value of the component.numberTRUE
minminSpecifies the lowest allowed value of the component.numberTRUE
namenameSpecifies the name of the component. Required to pass the component's value on form submission.stringTRUE
numberingSystemnumbering-systemSpecifies the Unicode numeral system used by the component for localization."arab" | "arabext" | "latn"FALSE
rangeLabelsrange-labelsWhen true, displays the values of high, low, min, and max.booleanTRUE
rangeLabelTyperange-label-typeWhen rangeLabels is true, specifies the format of displayed labels."percent" | "units"TRUE
scalescaleSpecifies the size of the component."l" | "m" | "s"TRUE
unitLabelunit-labelWhen rangeLabelType is "units" and either valueLabel or rangeLabels are true, displays beside the value and/or min values.stringFALSE
valuevalueSpecifies the current value of the component.numberFALSE
valueLabelvalue-labelWhen true, displays the current value.booleanTRUE
valueLabelTypevalue-label-typeWhen valueLabel is true, specifies the format of displayed label."percent" | "units"TRUE

Examples

calcite_meter()
#> <calcite-meter></calcite-meter>