컴포넌트

Code Group

여러 코드 블록을 탭 인터페이스로 표시

코드 그룹은 여러 코드 예제를 탭으로 보여줍니다. 각 CodeItem 안에 펜스드 코드 블록 하나를 넣으면 되고, 문법 강조는 Shiki가 처리합니다.

기본 사용법

const greeting = "Hello, World!";
console.log(greeting);

greeting = "Hello, World!"
print(greeting)

package main

import "fmt"

func main() {
    greeting := "Hello, World!"
    fmt.Println(greeting)
}

npm install @barodoc/core

pnpm add @barodoc/core

yarn add @barodoc/core

bun add @barodoc/core

CodeItem — titlestring

이 코드 블록의 탭 레이블.

CodeGroup — titlesstring[]

선택. CodeGroup에 CodeItem 없이 pre를 직접 넣을 때만 사용. CodeItem 사용 시 무시됨.