본문으로 건너뛰기

Patterns

Lyra의 기본 컴포넌트를 코드 호스팅 제품의 익숙한 저장소 화면과 행 패턴으로 조합합니다.

컴포넌트

Composable components for developer collaboration products.

Stars
1.2k
Forks
86
License
MIT
RepositoryHeader

저장소 정체성, 공개 범위, 주요 액션과 핵심 메타데이터를 한곳에 모읍니다.

FileTree

파일 이름, 최근 커밋 메시지와 수정 시각을 저장소 루트 목록으로 표시합니다.

src/index.ts3 lines
src/index.ts
1export { Button } from "./button";
2export { Dialog } from "./dialog";
3export { FileTree } from "./file-tree";
CodeView

파일명, 줄 번호, 강조와 복사 액션을 갖춘 읽기 전용 코드 화면입니다.

CommitRow

커밋 메시지, 작성자, 시각, 검사 상태와 짧은 SHA를 한 행에 배치합니다.

IssueRow

이슈 상태, 제목, 라벨, 작성 정보, 담당자와 댓글 수를 스캔 가능한 행으로 만듭니다.

PullRequestRow

변경 요청의 수명주기, 리뷰와 자동 검사 결과를 함께 요약합니다.

apps/docs/src/app/lyra/page.tsx
+2-1
Diff for apps/docs/src/app/lyra/page.tsx
Old lineNew lineChangeContent
1212 <Section title="Components">
13- <LegacyLinks />
13+ <CatalogLinks />
14+ <PatternLinks />
DiffView

추가·삭제 통계와 구·신 줄 번호를 포함한 통합 diff를 표시합니다.

Composable components for developer collaboration products.

Language
TypeScript
Stars
1.2k
Forks
86
Updated
Updated 2 hours ago
RepositoryCard

검색과 프로필 화면에서 저장소 설명, 언어, 인기도와 최근 활동을 요약합니다.