ReadingTime

ReadingTime displays the estimated reading time for a piece of text or markdown content as "{N} min read" with a clock icon. The duration is computed by counting words and dividing by wordsPerMinute.

Behaviors

This component supports the following behaviors:

BehaviorProperties
Animationanimation, animationOptions
Bookmarkbookmark, bookmarkLevel, bookmarkTitle, bookmarkOmitFromToc
Tooltiptooltip, tooltipMarkdown, tooltipOptions
Styling Variantvariant

Properties

content

Text or markdown content used to estimate reading time.

label

default: "min read"

Suffix displayed after the duration. Defaults to "min read".

wordsPerMinute

default: 265

Average reading speed in words per minute.

Events

This component does not have any events.

Exposed Methods

This component does not expose any methods.

Styling

Theme Variables

VariableDefault Value (Light)Default Value (Dark)
color-ReadingTime$textColor-secondary$textColor-secondary
fontSize-ReadingTime$fontSize-small$fontSize-small
gap-ReadingTime0.375rem0.375rem
size-icon-ReadingTime1em1em