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-brutal with the themed component recipe.

API#WIP

PropTypeDefaultDescription
classNamestringOptional spacing or rare visual override classes.
...propsComponentPropsWithRef<"code">Native code attributes. The root always renders a semantic code element.