Snippet

Snippet is a component that allows you to display and copy code in a tabbed interface.

Powered by

Radix UI Tabs

Lucide

Example for snippet is not yet available.

This component is being prepared and will be available soon.

Installation

npx devcn-ui@latest add snippet

Features

Copy code to clipboard
Customize the tab contents
Multiple tabs support
Customizable copy button, tab triggers and tab content
Customizable copy button timeout and callbacks
Accessible tabs using Radix's Tabs primitive

Examples

NPM packages

Example for snippet-npm is not yet available.

This component is being prepared and will be available soon.

Code Block

Provides syntax highlighting, line numbers, and copy to clipboard functionality for code blocks.