Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui2 dependencies

Code Block

code-block

A code panel with copy, optional line numbers, highlighted lines, and a collapse for anything long.

Live, loading

Starting the live preview…

Rendered from its demo Code Block Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

2 other registries

Similar components

Other registries' take on code-block.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

A worked example of Code Block: A code panel with copy, optional line numbers, highlighted lines, and a collapse for anything long.

@mischief

More from @mischief