InlineCode

A semantic inline code token for docs prose.

Preview#

Use InlineCode inside explanatory prose when naming props, attributes, classes, or component parts.

Set data-invalid on the control.

import { InlineCode } from "raft-ui";

<InlineCode />

Keep InlineCode for short inline identifiers. Use CodeBlock for snippets, multi-token examples, or anything that needs syntax highlighting.

Put data-invalid and disabled on the control.

Replace input-legacy with the themed component recipe.

API#WIP

className
string
Optional spacing or rare visual override classes.
...props
ComponentPropsWithRef<"code">
Native code attributes. The root always renders a semantic code element.