DocsComponentsHooksUtilitiesGuidesSponsorsLicense
  • Docs

      • Introduction
      • Getting Started
      • Configuration
  • Components

      • CodeBlock
        • LineNumbers
        • Tokens
        • Toolbar
      • CodeInline
      • Command
      • Copyright
      • Link
      • Logo
      • MDX
      • Markdown
      • Navigation
      • Reference
      • RootProvider
      • Sponsors
      • TableOfContents
  • Hooks

      • useSectionObserver
      • useThemePicker
  • Utilities

    • File System
  • Guides

      • MDX
      • Next.js
      • Vite
      • Waku
      • Zod
      • Valibot
  • © 2025 souporserious

LineNumbers

Renders line numbers for the CodeBlock component.

API Reference

Last updated 09/10/25
Previous
CodeBlock
Next
TokensProps

On this page

  1. API Reference
    1. LineNumbersProps
    2. LineNumbers
    3. calculateLinesToHighlight
View Source

Properties

PropertyType
highlightRanges?string
css?CSSObject
className?string
style?CSSProperties

Renders line numbers for the CodeBlock component.

Properties

LineNumbersProps

Calculate which lines to highlight based on the range meta string added by the rehype plugin.

Parameters

ParameterTypeDefault Value
rangesranges: string | undefined—

Returns

(index: number) => boolean