SourcePreview

원문 미리보기와 원문 열기(읽기 전용).

출시 화면에서 사용

개요

미리보기

예시 언어동작 줄이기

안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina

state

title

service

date

body

href

lang

예시

상태

열림
Re: 9월 워크숍 일정 확정
Gmail · Sep 12, 4:05 PM
Read-only
안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina
Open in Gmail (opens in new tab)
불러오는 중
Re: 9월 워크숍 일정 확정
Gmail · Sep 12, 4:05 PM
Read-only
권한 없음
Re: 9월 워크숍 일정 확정
Source unavailable · Gmail
Read-only
No permission to open this source. Re-allow Gmail to open it.
Open in Gmail (opens in new tab)
삭제됨
Re: 9월 워크숍 일정 확정
Source unavailable · Gmail
Read-only
This was deleted in the original service. Only what was scanned earlier remains.
안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina
열 수 없음 · 보관본 없음
Re: 9월 워크숍 일정 확정
Source unavailable · Gmail
Read-only
This source can’t be opened now. No excerpt was kept.
외부 열기만
Re: 9월 워크숍 일정 확정
Google Drive · Sep 12, 4:05 PM
Read-only
No preview here. Open it in the original service.
Open in Google Drive (opens in new tab)

쓰임 예

긴 원문 · 혼합 언어
Re: 9월 워크숍 일정 확정
Gmail · Sep 12, 4:05 PM
Read-only
워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。
Open in Gmail (opens in new tab)

이렇게 · 이렇게 하지 않기

이렇게 읽기 전용이며 센트럴바이는 원문을 고치지 않는다.
이렇게 권한 없음과 삭제됨을 서로 다른 문장으로 쓴다. 외부에서 열기는 새 탭 표시가 있는 링크다.
이렇게 하지 않기 hover로만 열리는 미리보기 카드로 만들지 않는다. 상세 안의 구획이다.

토큰과 속성

이름	타입	기본값	설명
`state?`	`'loading' \| 'open' \| 'permission-denied' \| 'deleted' \| 'unavailable' \| 'external-only'`	`open`	권한 없음과 삭제됨은 다른 문장이다. external-only는 미리보기 없이 외부 열기만.
`title`	`string`	`Re: 9월 워크숍 일정 확정`	원문 제목. 번역하지 않는다.
`service?`	`'gmail' \| 'calendar' \| 'drive' \| 'slack' \| 'notion'`	`gmail`	원문 서비스.
`date?`	`string`	`2026-09-12T16:05`	원문 날짜(ISO).
`body?`	`string`	`안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina`	읽기 전용 원문(호출자가 정화). deleted·unavailable에서는 예전에 읽은 보관본.
`href?`	`string`	`https://mail.google.com/`	원래 서비스 주소. 새 탭(표시 + 숨은 안내). 비우면 링크 없음.
`lang?`	`string`		원문 언어(BCP 47). UI 언어에서 추측하지 않는다.
그 밖의 속성	—	—	<section> 속성(id, aria-*)이 전달된다.

개요

미리보기

예시 언어동작 줄이기

안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina

state

title

service

date

body

href

lang

예시

상태

열림
Re: 9월 워크숍 일정 확정
Gmail · Sep 12, 4:05 PM
Read-only
안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina
Open in Gmail (opens in new tab)
불러오는 중
Re: 9월 워크숍 일정 확정
Gmail · Sep 12, 4:05 PM
Read-only
권한 없음
Re: 9월 워크숍 일정 확정
Source unavailable · Gmail
Read-only
No permission to open this source. Re-allow Gmail to open it.
Open in Gmail (opens in new tab)
삭제됨
Re: 9월 워크숍 일정 확정
Source unavailable · Gmail
Read-only
This was deleted in the original service. Only what was scanned earlier remains.
안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina
열 수 없음 · 보관본 없음
Re: 9월 워크숍 일정 확정
Source unavailable · Gmail
Read-only
This source can’t be opened now. No excerpt was kept.
외부 열기만
Re: 9월 워크숍 일정 확정
Google Drive · Sep 12, 4:05 PM
Read-only
No preview here. Open it in the original service.
Open in Google Drive (opens in new tab)

쓰임 예

긴 원문 · 혼합 언어
Re: 9월 워크숍 일정 확정
Gmail · Sep 12, 4:05 PM
Read-only
워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。 워크숍 진행 순서와 준비물을 정리했어요. Please review the attached agenda before Friday; 会议记录稍后共享。
Open in Gmail (opens in new tab)

이렇게 · 이렇게 하지 않기

이렇게 읽기 전용이며 센트럴바이는 원문을 고치지 않는다.

이렇게 권한 없음과 삭제됨을 서로 다른 문장으로 쓴다. 외부에서 열기는 새 탭 표시가 있는 링크다.

이렇게 하지 않기 hover로만 열리는 미리보기 카드로 만들지 않는다. 상세 안의 구획이다.

토큰과 속성

이름	타입	기본값	설명
`state?`	`'loading' \| 'open' \| 'permission-denied' \| 'deleted' \| 'unavailable' \| 'external-only'`	`open`	권한 없음과 삭제됨은 다른 문장이다. external-only는 미리보기 없이 외부 열기만.
`title`	`string`	`Re: 9월 워크숍 일정 확정`	원문 제목. 번역하지 않는다.
`service?`	`'gmail' \| 'calendar' \| 'drive' \| 'slack' \| 'notion'`	`gmail`	원문 서비스.
`date?`	`string`	`2026-09-12T16:05`	원문 날짜(ISO).
`body?`	`string`	`안녕하세요, 워크숍은 9월 18일 10시로 정했어요. 장소는 2층 회의실입니다. Agenda draft는 금요일까지 공유 부탁드려요. Thanks — Mina`	읽기 전용 원문(호출자가 정화). deleted·unavailable에서는 예전에 읽은 보관본.
`href?`	`string`	`https://mail.google.com/`	원래 서비스 주소. 새 탭(표시 + 숨은 안내). 비우면 링크 없음.
`lang?`	`string`		원문 언어(BCP 47). UI 언어에서 추측하지 않는다.
그 밖의 속성	—	—	<section> 속성(id, aria-*)이 전달된다.

개요

예시

상태

쓰임 예

이렇게 · 이렇게 하지 않기

토큰과 속성

접근성

함께 보기

개요

예시

상태

쓰임 예

이렇게 · 이렇게 하지 않기

토큰과 속성

접근성

함께 보기