Paragraph
읽기 좋은 줄 길이와 문단 간격을 갖춘 본문.
- 출시 화면에서 사용
개요
미리보기
한 문단에는 하나의 생각을 담습니다. 기록은 연결한 출처에서 읽은 그대로 남고, 정리한 결과는 언제든 고칠 수 있어요. 줄 길이는 읽기 편한 65자 안팎을 넘지 않게 둡니다.
예시
상태
읽기 폭
한 문단에는 하나의 생각을 담습니다. 기록은 연결한 출처에서 읽은 그대로 남고, 정리한 결과는 언제든 고칠 수 있어요. 줄 길이는 읽기 편한 65자 안팎을 넘지 않게 둡니다.
넓게
한 문단에는 하나의 생각을 담습니다. 기록은 연결한 출처에서 읽은 그대로 남고, 정리한 결과는 언제든 고칠 수 있어요. 줄 길이는 읽기 편한 65자 안팎을 넘지 않게 둡니다.
한영 혼합
Google Calendar의 “Weekly sync” 일정과 Gmail 스레드 2개가 같은 프로젝트로 묶였어요.
쓰임 예
도입 문단
한 문단에는 하나의 생각을 담습니다. 기록은 연결한 출처에서 읽은 그대로 남고, 정리한 결과는 언제든 고칠 수 있어요. 줄 길이는 읽기 편한 65자 안팎을 넘지 않게 둡니다.
부모 폭
한 문단에는 하나의 생각을 담습니다. 기록은 연결한 출처에서 읽은 그대로 남고, 정리한 결과는 언제든 고칠 수 있어요. 줄 길이는 읽기 편한 65자 안팎을 넘지 않게 둡니다.
이렇게 · 이렇게 하지 않기
- 이렇게 한 문단에는 생각 하나를 담는다. 기본 폭은 65ch이고, 한국어·중국어는 실제 줄바꿈을 보고 조정한다. 양쪽 정렬과 불필요한 말줄임은 쓰지 않는다.
- 이렇게 한 문단에 하나의 생각. 왼쪽(시작) 정렬.
- 이렇게 하지 않기 양쪽 맞춤을 쓰지 않는다. 한국어 단어 사이가 벌어진다.
- 이렇게 하지 않기 본문을 말줄임하지 않는다.
토큰과 속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
measure? | 'readable' | 'wide' | 'full' | readable | 줄 길이. readable ≈ 65ch, wide ≈ 80ch, full = 부모 폭. ch는 라틴 글자 기준이라 한국어는 실제 줄바꿈을 확인한다. |
size? | 'body' | 'lead' | body | 본문 또는 도입 문단 크기. |
children | ReactNode | 한 문단에는 하나의 생각을 담습니다. 기록은 연결한 출처에서 읽은 그대로 남고, 정리한 결과는 언제든 고칠 수 있어요. 줄 길이는 읽기 편한 65자 안팎을 넘지 않게 둡니다. | 문단 내용. |
| 그 밖의 속성 | — | — | id, lang, dir, aria-* 등 네이티브 p 속성은 그대로 전달된다. 사용자 원문이면 dir="auto". className·style은 받지 않는다. |
접근성
키보드: 해당 없음(비대화형).
- ch 단위 최대 폭이라 200–400% 확대에서도 가로 스크롤 없이 다시 흐른다.
- 한국어는 keep-all, 긴 URL은 overflow-wrap:anywhere로 줄을 바꾼다.