Obsidian | Rock Community

Displays a number inside a badge (pill) with a color that is defined by

the range group the number falls into.

Example

<NumberBadgeColumn name="completed"
                   title="% Completed"
                   field="completed"
                   :infoMinimum="0"
                   :infoMaximum="59"
                   :warningMinimum="60"
                   :warningMaximum="79"
                   :successMinimum="80" />

Properties

This column provides default values for the following standard properties:

formatComponent
skeletonComponent
exportValue

Name	Type	Optional	Description
hideMinimum	number	Yes	A value greater than or equal to hideMinimum and less than or equal to hideMaximum will be hidden.
hideMaximum	number	Yes	A value greater than or equal to hideMinimum and less than or equal to hideMaximum will be hidden.
infoMinimum	number	Yes	A value greater than or equal to infoMinimum and less than or equal to infoMaximum will draw the badge with the info color scheme. This will take precedence over the hide properties.
infoMaximum	number	Yes	A value greater than or equal to infoMinimum and less than or equal to infoMaximum will draw the badge with the info color scheme. This will take precedence over the hide properties.
successMinimum	number	Yes	A value greater than or equal to successMinimum and less than or equal to successMaximum will draw the badge with the success color scheme. This will take precedence over the info properties.
successMaximum	number	Yes	A value greater than or equal to successMinimum and less than or equal to successMaximum will draw the badge with the success color scheme. This will take precedence over the info properties.
warningMinimum	number	Yes	A value greater than or equal to warningMinimum and less than or equal to warningMaximum will draw the badge with the warning color scheme. This will take precedence over the success properties.
warningMaximum	number	Yes	A value greater than or equal to warningMinimum and less than or equal to warningMaximum will draw the badge with the warning color scheme. This will take precedence over the success properties.
dangerMinimum	number	Yes	A value greater than or equal to dangerMinimum and less than or equal to dangerMaximum will draw the badge with the danger color scheme. This will take precedence over the warning properties.
dangerMaximum	number	Yes	A value greater than or equal to dangerMinimum and less than or equal to dangerMaximum will draw the badge with the danger color scheme. This will take precedence over the warning properties.