LineNumbers
Renders line numbers for the CodeBlock component.
API Reference
LineNumbers
({ highlightRanges: highlightRangesProp, css, className, style, }: LineNumbersProps) => Promise<React.JSX.Element>Renders line numbers for the CodeBlock component.
Parameters
LineNumbersPropsReturns
Promise<Element>calculateLinesToHighlight
(ranges: string | undefined) => (index: number) => booleanCalculate which lines to highlight based on the range meta string added by the rehype plugin.
Parameters
ranges *
string | undefinedReturns
(index: number) => booleanLineNumbersProps
LineNumbersPropsProperties
highlightRanges
string | undefinedA string of comma separated lines and ranges to highlight.
css
CSSObject | undefinedCSS object to apply to the line numbers container.
className
string | undefinedClass name to apply to the line numbers container.
style
React.CSSProperties | undefinedStyle to apply to the line numbers container.
Last updated