CompoundBreakdown #

Props #

PropTypeRequiredDescription
formulastringYesCompound formula label.
parts{ symbol: string, name: string, count: number, ram?: number }[]YesBreakdown entries with optional RAM values used for RFM calculation.
classNamestringNoWrapper classes.

Live example #

Compound: C6H12O6

Relative formula mass (RFM): 180.156

Carbon (C)

Atoms: 6

RAM: 12.011

Contribution: 72.066

Hydrogen (H)

Atoms: 12

RAM: 1.008

Contribution: 12.096

Oxygen (O)

Atoms: 6

RAM: 15.999

Contribution: 95.994

Code #

mdx
<CompoundBreakdown
formula="C6H12O6"
parts={[
{ symbol: 'C', name: 'Carbon', count: 6, ram: 12.011 },
{ symbol: 'H', name: 'Hydrogen', count: 12, ram: 1.008 },
{ symbol: 'O', name: 'Oxygen', count: 6, ram: 15.999 },
]}
/>