Welcome to docs

Code Tabs

A code tabs component that allows you to switch between different code blocks with syntax highlighting.

bash

1. Follow the links to install required rlx packages

Package	Type	Link
`@rlx-widgets/tabs`	`Widget`
`@rlx-components/shiki-code-block`	`Component`

2. Install the following dependencies

bash

Props list

Prop	Type	Default	Example	Description
`tabs`		`-`		An array of tab objects, each containing an id, label, code, language, and optional className.
`theme`	`BundledTheme`	`"ayu-dark"`	`github-dark`	The Shiki theme to use for syntax highlighting.Full list
`startAdornment`	`ReactNode`	`-`	`<TerminalIcon className="w-4 h-4" />`	Optional content to display before the tab triggers, such as an icon or label.