Code Snippet Deck
An interactive multi-runtime developer code snippet deck with runtime switching (cURL, TypeScript, Python, Go, Rust), live dynamic parameter customizations, and line highlighting.
client.ts
Runtime: TypeScript14 lines
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/code-snippet-deck
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| snippets | SnippetItem[] | [] | Collection of language snippets and generator functions |
| parameters | SnippetParameter[] | [] | Configurable runtime variables (checkboxes, dropdowns, inputs) |
| defaultLanguage | string | snippets[0]?.language | Initially selected language key |
| showLineNumbers | boolean | true | Whether to display code line numbering |
| showWindowBar | boolean | true | Whether to render macOS window bar header |
| className | string | undefined | Custom CSS container classes |