Nooxit
AI Components

Snippet

A one-line command with a copy button.

$

Installation

import { ... } from 'nooxit-design-system/components/ai/snippet';

Notes

Built on Input Group: a read-only field holding code, an optional prefix such as $, and SnippetCopyButton, which shows a check for two seconds after copying. The command is code, so it is set in the system monospace (font-mono).

Adapted from AI Elements' Snippet.

Source — src/components/ai/snippet.tsx

On this page