Dev Design Library

Code

A syntax-highlighted code block with overflow handling and a copy action.

Code preview
Library
AI Elements (Svelte)
Framework
Svelte
Type
block
License
MIT
Dependencies
@shikijs/langs@^4.0.2, @shikijs/themes@^4.0.2, dompurify@^3.3.1, runed@^0.37.1, shiki@^4.0.2, svelte-toolbelt@^0.10.5, tailwind-variants@^3.2.2
Install
pnpm dlx shadcn-svelte@latest add https://svelte-ai-elements.vercel.app/r/code.json
Files
  • src/lib/components/ai-elements/code/code-copy-button.svelte
  • src/lib/components/ai-elements/code/code-overflow.svelte
  • src/lib/components/ai-elements/code/code.svelte.ts
  • src/lib/components/ai-elements/code/code.svelte
  • src/lib/components/ai-elements/code/index.ts
  • src/lib/components/ai-elements/code/shiki.ts
  • src/lib/components/ai-elements/code/types.ts
  • src/lib/components/ai-elements/copy-button/types.ts
Source
https://github.com/SikandarJODD/ai-elements

Categories

More from AI Elements (Svelte)