Snippet

A compact single-line or multi-line code snippet card with a copy-to-clipboard button.

The Snippet component presents terminal commands and code snippets in an attractive inline or block container.

Usage

tsx

React / JSX

import {  Snippet,  SnippetHeader,  SnippetContent,} from "@celestia-project/ui"
export function MySnippet() {  return (    <Snippet className="w-full max-w-md">      <SnippetHeader title="Quick Install" />      <SnippetContent code="npx @celestia-project/create my-app" />    </Snippet>  )}

Props Reference

Component	Prop	Type	Description
`SnippetContent`	`code`	`string`	The code snippet string copied on click.
`SnippetHeader`	`title`	`string`	Optional snippet title.

PreviousShimmer

NextSources