컴포넌트 갤러리

Barodoc 콘텐츠 컴포넌트 개요와 사용 시점

한 페이지에서 주요 콘텐츠 컴포넌트를 모아 둡니다. 여기서 적절한 컴포넌트를 고른 뒤, 링크된 페이지에서 전체 props와 예제를 확인하세요.

Callout

사용 시점: 본문 안의 참고, 팁, 경고, 위험 블록.

팁

액센트 색은 하나로 통일하고, 필요한 곳만 콜아웃으로 강조하세요.

→ Callout

Card & CardGroup

사용 시점: 기능 하이라이트, 다음 단계 링크, 관련 페이지 그리드.

📦

설치

프로젝트에 Barodoc 설치하기.

⚙️

설정

이름, 테마, 네비게이션 설정.

→ Card

Steps

사용 시점: 번호가 붙은 how-to 가이드(설치 → 설정 → 실행).

첫 단계

먼저 이것부터 하세요.

두 번째 단계

그다음 이것을 하세요.

세 번째 단계

마지막으로 확인하세요.

→ Steps

Tabs

사용 시점: 패키지 매니저, 언어, 코드 변형 전환.

npm install barodoc

→ Tabs

Code group

사용 시점: 여러 코드 예제(같은 예제를 JS, Python, Go 등으로).

console.log("Hello");

print("Hello")

→ Code Group

API reference

사용 시점: REST 엔드포인트 문서화(메서드, 경로, 파라미터, 응답).

GET/api/health

→ API Reference