Blockquote
외부 문서나 답변 초안을 출처와 함께 인용.
- 라이브러리 전용
개요
미리보기
다음 주까지 초안을 공유하고, 금요일에 함께 검토하기로 했어요.
예시
상태
출처 있음
다음 주까지 초안을 공유하고, 금요일에 함께 검토하기로 했어요.
2024년 10월 7일 회의록 출처 없음
다음 주까지 초안을 공유하고, 금요일에 함께 검토하기로 했어요.
원문 인용
Let’s move the launch review to Thursday.
Gmail · 10월 7일
쓰임 예
원문 URL
다음 주까지 초안을 공유하고, 금요일에 함께 검토하기로 했어요.
2024년 10월 7일 회의록
이렇게 · 이렇게 하지 않기
- 이렇게 원문을 그대로 옮길 때만 쓴다. 요약이나 추정 문장은 인용 모양으로 두지 않는다. 출처가 있으면 SourceLine 형식으로 아래에 단다.
- 이렇게 배경 없이 곧은 선과 여백으로만 구분한다. 출처는 작게, 아래에.
- 이렇게 하지 않기 AI 요약을 Blockquote로 쓰지 않는다. 인용은 발췌이지 추정이 아니다(InferenceMarker를 쓴다).
- 이렇게 하지 않기 둥근 컨테이너 안에 선을 붙이지 않는다.
토큰과 속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
cite? | ReactNode | 2024년 10월 7일 회의록 | 보이는 출처. figcaption > cite로 그린다. 비우면 없음. |
citeUrl? | string | | 원문 URL. blockquote의 cite 속성으로 넣는다(보이지 않음). |
children | ReactNode | 다음 주까지 초안을 공유하고, 금요일에 함께 검토하기로 했어요. | 인용문. 원문 그대로 발췌한다. |
| 그 밖의 속성 | — | — | id, lang, dir, aria-* 등 네이티브 속성은 figure로 전달된다. 원문 인용이면 lang 또는 dir="auto". className·style은 받지 않는다. |
접근성
키보드: 해당 없음(비대화형).
- 출처는 blockquote 밖 figcaption에 둔다. cite 요소를 blockquote 안에 넣지 않는다.
- 세로선은 border라서 forced-colors에서도 남는다.