Limit lines to display

You can limit the number of lines displayed in the AnnotatedText component, by passing a limit option to the TextLineAdapter. This limit contains a start and end index in the text, which will be used to determine the lines to display.

import { createAnnotatedText } from "@ghentcdh/annotated-text";

createAnnotatedText(id,
  {
    text: { limit: { start: 99, end: 180 } }
  })

if the property ignoreLines is set to true, Only the characters between the start and end index will be displayed, line start and end are ignored.

Example

Ignore Lines=falseIgnore Lines=true

Plain text

markdown

Lines