Code

Code marks a short fragment of computer code. It renders a native code element, which conveys code semantics to assistive technology, and applies the theme's monospace code font.

Code: Basic

Open in playground

console.log()

Code: Basic

Loading Code: Basic example

In context

Code is inline, so it inherits the surrounding size and colour and stays on one line by default. Pass lineClamp of 2 or more, or pass textWrap, when the content should wrap.

Code: In context

Open in playground

Use the useTheme hook to access the current theme. The theme prop supports "light", "dark", and "system".

Code: In context

Loading Code: In context example

API

CodeProps also accepts compatible DOM and ARIA attributes and event handlers for its rendered element.

Prop

Type

In context

API

On this page