`<atom>`

<atom> is a Subject-specific component that renders the atomic symbol for an element, and contains numerous built-in chemical properties.

Attributes and Properties

Attributes for `<atom>`
Attribute	Type	Values
`atomicNumber = "…"`	integer
`displayDecimals = "…"`	integer
`displayDigits = "…"`	integer
`displaySmallAsZero = "…"`	number
`padZeros = "…"`	boolean	`"true"` `"false"`
`symbol = "…"`	text

Props for `<atom name="a">`
Property	Type
`$a.atomicMass`	number
`$a.atomicNumber`	integer
`$a.atomicRadius`	integer
`$a.backgroundColor`	text
`$a.boilingPoint`	number
`$a.chargeOfCommonIon`	integer
`$a.density`	number
`$a.disabled`	boolean
`$a.displayDecimals`	integer
`$a.displayDigits`	integer
`$a.displaySmallAsZero`	number
`$a.electronConfiguration`	electronConfiguration
`$a.electronegativity`	number
`$a.fixed`	boolean
`$a.fixLocation`	boolean
`$a.group`	integer
`$a.groupName`	text
`$a.hidden`	boolean
`$a.ionizationEnergy`	number
`$a.latex`	latex
`$a.math`	math
`$a.meltingPoint`	number
`$a.metalCategory`	text
`$a.name`	text
`$a.orbitalDiagram`	orbitalDiagram
`$a.padZeros`	boolean
`$a.period`	integer
`$a.phaseAtSTP`	text
`$a.symbol`	text
`$a.text`	text
`$a.textColor`	text
`$a.textStyleDescription`	text

Example: Define an `<atom>` with atomic number

An <atom> component may defined by specifying either its atomic number or its symbol. Once defined, there are many built-in properties of <atom> that can be accessed.

Example: Define an `<atom>` with its symbol

An <atom> component may defined by specifying either its atomic number or its symbol. Once defined, there are many built-in properties of <atom> that can be accessed.

Attribute Example: symbol

The symbol attribute takes the atom’s chemical symbol as input.

Attribute Example: atomicNumber

The atomicNumber attribute takes the atom’s atomic number as input.

Example: All the properties at once

The listing above includes all of the chemical properties currently available to the <atom> component.

aside attr

<atom>