Docs Components Blocks

AI Chatbot

AI Branch AI Conversation AI Input AI Message AI Reasoning AI Response AI Sources AI Suggestion AI Tool

Collaboration

Avatar Stack Cursor

Project Management

Calendar Gantt Kanban List Table

Code

Code Block Snippet

Forms

Choicebox Combobox Dropzone Mini Calendar Tags

Images

Image Crop Image Zoom

Other

Announcement Banner Color Picker Comparison Dialog Stack Editor Glimpse kbd Marquee Pill QR Code Rating Relative Time Sandbox Spinner Status Theme Switcher Video Player

Docs Components Blocks

Snippet

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

Powered by

Radix UI Tabs

Lucide

npx kibo-ui@latest add snippet

Installation

npx kibo-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

npx next-forge@latest init

Code Block

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

Choicebox

Choiceboxes are a great way to show radio or checkbox options with a card style.

On this page