SyntaxHighlighter

Shiki-backed source-code presenter for Silvery React targets. It renders a plain first frame immediately, then upgrades to structured syntax tokens when the requested grammar is ready.

Import

import { SyntaxHighlighter } from "silvery"

Props

Prop	Type	Default	Description
language	string	required	Shiki language name or alias
code	string	required	Source text
theme	string	"github-dark"	Shiki theme
bare	boolean	false	Omit the framed surface and hover label
backgroundColor	string	unset	Background applied to every rendered token
bold	boolean	false	Force bold in addition to token-level styles

Usage

<SyntaxHighlighter language="typescript" code={source} />

SyntaxHighlighter is for live React targets. For framework-neutral token data, filename inference, or raw one-shot ANSI output, use highlight, languageForPath, or highlightToAnsi from @silvery/syntax.

See Also

• Text -- styled text primitive
• CodeBlock -- semantic prose code blocks