Code

import { Code, Pre } from "@sugarcoat/ui-nxt";

<Code>const x = 42;</Code>
<Pre>
function hello() {
  console.log("Hello!");
}
</Pre>

Inline Code#

Use the Code component for inline code snippets within text.

Code Colors#

Apply different color schemes to inline code.

All Colors Together#

Code Block (Pre)#

Use the Pre component for multi-line code blocks.

In Context#

Using code components within documentation-style content.

Semantic Usage#

Use different colors to convey meaning in documentation.

Props#

Code#

Pre#

Styling Details#