CodeSnippet

Use CodeSnippet

CodeSnippet is a named export of @flood-md/react. Connect the package once, then import what you use.

"use client";

import { FloodRoot, CodeSnippet } from "@flood-md/react";
import "@flood-md/react/styles.css";

export function Example() {
  return (
    <FloodRoot>
      <CodeSnippet code="git status --short" />
    </FloodRoot>
  );
}

Design notes

• CodeSnippet escapes code content and uses the semantic system monospace font stack.
• The host implements copy behavior, failure handling and feedback. No clipboard or network API runs inside the component.
• Code text defaults to LTR independently of parent layout. codeDirection can be ltr/rtl/auto; native dir still controls the wrapper and action layout.

API reference