FractionRun Class @beta
A Run containing a numeric ratio to be displayed as a numerator and denominator separated by a horizontal or diagonal bar.
@note The numerator and denominator are stored as strings. They are not technically required to contain a numeric representation.
Extends
Methods
| Name | Description | |
|---|---|---|
| clone(): FractionRun | Create a deep copy of this component. | |
| equals(other: TextBlockComponent): boolean | Returns true if thisis equivalent toother. | |
| stringify(options?: TextBlockStringifyOptions): string | Formats the fraction as a string with the numerator and denominator separated by fractionSeparator. | |
| toJSON(): FractionRunProps | Convert this component to its JSON representation. | |
| create(props: Omit<FractionRunProps, "type">): FractionRun Static | 
Inherited methods
| Name | Inherited from | Description | 
|---|---|---|
| applyStyle(styleName: string, options?: ApplyTextStyleOptions): void Inherited | TextBlockComponent | Apply the TextStyle specified by styleNameto this component, optionally preserving styleOverrides and/or preventing propagation to sub-components. | 
| clearStyleOverrides(): void Inherited | TextBlockComponent | Reset any styleOverrides applied to this component's TextStyle. | 
Properties
| Name | Type | Description | |
|---|---|---|---|
| denominator | string | The fraction's denominator. | |
| numerator | string | The fraction's numerator. | |
| type Readonly | "fraction" | Discriminator field for the Run union. | 
Inherited properties
| Name | Type | Inherited from | Description | 
|---|---|---|---|
| overridesStyle Accessor Inherited ReadOnly | boolean | TextBlockComponent | Returns true if styleOverrides specifies any deviations from this component's base TextStyle. | 
| styleName Accessor Inherited | string | TextBlockComponent | The name of the TextStyle that provides the base formatting for the contents of this component. | 
| styleOverrides Accessor Inherited | TextStyleSettingsProps | TextBlockComponent | Deviations in individual properties of the TextStyle specified by styleName. For example, if the style uses the "Arial" font, you can override that by settings styleOverrides.fontNameto "Comic Sans". | 
Defined in
Last Updated: 24 June, 2025
Found something wrong, missing, or unclear on this page? Raise an issue in our repo.