SourceLine

카드 바닥의 출처 한 줄: 로고 · 서비스 · 날짜.

개요

미리보기

예시 언어동작 줄이기

Gmail · Mar 4, 2:20 PM

kind

service

date

compact

href

이름	타입	기본값	설명
`kind?`	`'source' \| 'self-stated' \| 'unavailable'`	`source`	source는 원문 출처, self-stated는 연필이 출처 자리를 대체, unavailable은 끊긴 선 + “원문 열 수 없음”(링크 아님).
`service?`	`'gmail' \| 'calendar' \| 'drive' \| 'slack' \| 'notion'`	`gmail`	서비스. 앞에 그 서비스의 SourceLogo가 붙는다(장식, aria-hidden). 이름은 항상 글자로 보인다.
`date?`	`string`	`2026-03-04T14:20`	ISO 날짜. 올해는 연도를 생략한다(DateText 형식).
`compact?`	`boolean`	`false`	위젯 S: 서비스 이름만.
`href?`	`string`		원문 주소. kind=source일 때만 링크가 된다. 카드 제목이 이미 링크면 비운다(링크 중첩 방지).
그 밖의 속성	—	—	id, aria-* 등 p 속성이 전달된다.

예시

이렇게 · 이렇게 하지 않기

이렇게 형식은 “[로고] Gmail · 3월 4일 14:20”이고 올해는 연도를 생략한다.

이렇게 직접 작성한 기록은 이 자리에 “[연필] 직접 작성 · 날짜”를 쓴다.

이렇게 하지 않기 출처 줄은 기록이 어디서 왔는지만 말하며 내용이 맞다는 뜻이 아니다. “확인”을 쓰지 않는다.

토큰과 속성

이름	타입	기본값	설명
`kind?`	`'source' \| 'self-stated' \| 'unavailable'`	`source`	source는 원문 출처, self-stated는 연필이 출처 자리를 대체, unavailable은 끊긴 선 + “원문 열 수 없음”(링크 아님).
`service?`	`'gmail' \| 'calendar' \| 'drive' \| 'slack' \| 'notion'`	`gmail`	서비스. 앞에 그 서비스의 SourceLogo가 붙는다(장식, aria-hidden). 이름은 항상 글자로 보인다.
`date?`	`string`	`2026-03-04T14:20`	ISO 날짜. 올해는 연도를 생략한다(DateText 형식).
`compact?`	`boolean`	`false`	위젯 S: 서비스 이름만.
`href?`	`string`		원문 주소. kind=source일 때만 링크가 된다. 카드 제목이 이미 링크면 비운다(링크 중첩 방지).
그 밖의 속성	—	—	id, aria-* 등 p 속성이 전달된다.