InlineContent

Renders compiled inline content, such as a label with bold text or maths, as HTML.

@internote/canvas-sdk/reactComponent
On this page
import { InlineContent } from '@internote/canvas-sdk/react';

Covers the inline formatting a label supports: bold, italic, code, highlight, maths, the colour names, symbols, live values and the text functions. Anything else contributes its text, so a label never breaks the surface. For prose with footnotes and links, renderRichText covers the whole vocabulary.

#Props

Takes no className, style or id.

itemsRequired
A run of chalk inline content, or a plain string.
unknown

#Example

<FooterReadout><InlineContent items={parameter.label} /></FooterReadout>

Declared in packages/canvas-sdk/src/react/surface-label.tsx:186.

Last updated