`<intComma>`

Renders a numeric value with thousands separators (e.g. 1,000,000)

<intComma> is a Math Operator component which inserts commas into a large integer when rendering.

Attributes and Properties

Attributes for `<intComma>`

Positioning (2)

anchor

point. Default value: $\left( 0, 0 \right)$. Coordinates of the anchor point used to position this component on a graph.

positionFromAnchor

keyword. Where this component sits relative to its anchor point.

Value	Description
`upperRight`	Place the component above and to the right of the anchor point.
`upperLeft`	Place the component above and to the left of the anchor point.
`lowerRight`	Place the component below and to the right of the anchor point.
`lowerLeft`	Place the component below and to the left of the anchor point.
`top`	Place the component directly above the anchor point.
`bottom`	Place the component directly below the anchor point.
`left`	Place the component directly to the left of the anchor point.
`right`	Place the component directly to the right of the anchor point.
`center` (default)	Center the component on the anchor point.

Other (3)

draggable

boolean. Default value: true. Whether the text can be dragged on a graph.

isLatex

boolean. Default value: false. Whether the text content is treated as LaTeX.

layer

number. Default value: 0. Z-order layer index when shown on a graph.

Common to all components (9)

copy

reference. Create an independent copy of another component by reference. Enter a references a $name.

disabled

boolean. Default value: false. Whether this component is disabled and cannot be interacted with.

extend

reference. Extend another component by reference, inheriting its children and attributes. Enter a reference as $name.

fixed

boolean. Default value: false. Whether this component's value is fixed and cannot be modified.

fixLocation

boolean. Default value: false. Whether this component's location is fixed (preventing it from being moved while still allowing other modifications).

hide

boolean. Default value: false. Whether to hide this component from the rendered output.

isResponse

boolean. Default value: false. Whether this component is treated as a response for the purposes of assessment.

name

text. The name used to reference this component from elsewhere in the document.

styleNumber

integer. Default value: 1. The style number used to select this component's visual styling from the available style definitions.

Properties for `<intComma name="i">`

Positioning (2)

$i.anchor

point. The coordinates where this component is anchored on the graph.

$i.positionFromAnchor

text. Where this component sits relative to its anchor point.

Other (20)

$i.backgroundColor

text. Human-readable name for this component's background color, derived from the active style and theme.

$i.characters

[ text ]. The text value split into characters (graphemes).

$i.disabled

boolean. Whether this component is disabled and cannot be interacted with.

$i.draggable

boolean. Whether the text can be dragged on a graph.

$i.fixed

boolean. Whether this component's value is fixed and cannot be modified.

$i.fixLocation

boolean. Whether this component's location is fixed (preventing it from being moved while still allowing other modifications).

$i.hidden

boolean. Whether this component is hidden from the rendered output.

$i.isLatex

boolean. Whether the text content is treated as LaTeX.

$i.layer

number. Z-order layer index when shown on a graph.

$i.list

[ text ]. The text value split into items at commas.

$i.math

math. The text parsed as a math expression.

$i.number

number. The text parsed as a number.

$i.numCharacters

integer. The number of characters (graphemes) in the text value.

$i.numListItems

integer. The number of comma-separated items when the text is interpreted as a list.

$i.numWords

integer. The number of words in the text value.

$i.text

text. The formatted value rendered as a text string.

$i.textColor

text. Human-readable name for this component's text color, derived from the active style and theme.

$i.textStyleDescription

text. Human-readable description of this component's text styling (color and any background color).

$i.value

intComma. The numeric value with thousands separators.

$i.words

[ text ]. The text value split into words.

Common to all components (4)

$i.doenetML

text. The DoenetML source code that produced this component.

$i.hide

boolean. Whether to hide this component from the rendered output.

$i.isResponse

boolean. Whether this component is treated as a response for the purposes of assessment.

$i.styleNumber

integer. The style number used to select this component's visual styling from the available style definitions.

Examples

Example: basic use

The <intComma> component inserts commas for readability in large numbers.

Example: using named references - display only

Note that the <intComma> component must be enclosed around each individual reference in numerical computations. In addition, this component can only be used after computations are performed, during final rendering.

image integer

<intComma>