InlineCode
문장 안의 코드·식별자 표기(개발 도구 출처).
- 라이브러리 전용
개요
미리보기
size="md"예시
상태
강조 없음
size="md"tsx
const view = "list";json
{ "scope": "week", "limit": 20 }긴 식별자
centralby.sources.googleCalendar.lastReadAt
쓰임 예
css
gap: var(--cb-space-4);
이렇게 · 이렇게 하지 않기
- 이렇게 개발 도구에서 읽은 브랜치·파일 이름처럼 그대로 옮긴 식별자에만 쓴다. 번역하지 않는다. 강조 목적으로 쓰지 않는다.
- 이렇게 문장 안의 짧은 코드에만 쓴다. 여러 줄 코드는 코드 블록이다.
- 이렇게 하지 않기 색만으로 뜻을 전하지 않는다.
토큰과 속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
language? | 'plain' | 'tsx' | 'json' | 'css' | plain | 강조 언어. plain은 강조 없음. 나머지는 정적 토큰화(런타임 의존성 0). 색은 장식이다. |
children | string | size="md" | 코드 문자열. |
| 그 밖의 속성 | — | — | id, aria-* 등 네이티브 code 속성은 그대로 전달된다. className·style은 받지 않는다. |
접근성
키보드: 해당 없음(비대화형).
- 강조 span에는 의미가 없어 스크린리더는 문자열을 그대로 읽는다.
- 긴 식별자는 overflow-wrap:anywhere로 줄을 바꿔 320px에서도 넘치지 않는다.