Logo

core

아이콘+텍스트 조합, 이미지, 링크 래핑을 지원하는 로고 컴포넌트. Sidebar 등에서 활용.

100%

아이콘 + 텍스트

ReOpt ReOpt ReOpt

이미지 로고

아이콘만 (텍스트 없음)

텍스트만 (아이콘/이미지 없음 → 첫 글자 fallback)

Acme Corp

클릭 핸들러

테스트 커버리지

2026년 2월 4일

생성된 테스트 결과를 찾지 못했습니다.

Logo 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Logo Props

Prop	타입	기본값	설명
`src`	`string`	—	로고 이미지 URL
`icon`	`ReactNode`	—	로고 아이콘 — src 미설정 시 표시
`text`	`string`	—	텍스트 레이블
`alt`	`string`	`"Logo"`	이미지 alt 텍스트
`size`	`"sm" \| "md" \| "lg"`	`"md"`	크기 (sm=24px, md=32px, lg=40px)
`href`	`string`	—	링크 URL — 설정 시 <a>로 래핑
`onClick`	`() => void`	—	클릭 핸들러
`className`	`string`	—	커스텀 CSS 클래스

Import

tsx

import { Logo } from "@reopt-ai/opt-ui";