Logo
공식 심볼과 LafLabs 워드마크를 함께 표시합니다.
- 성숙도
- 안정
- 소스 경로
components/ui/logo.tsx- 소스
- 소스
- 외부 의존성
next
실제 미리보기
LafLabs사용할 때
사용 기준
사이트 헤더와 푸터처럼 LafLabs임을 분명히 밝혀야 할 때 씁니다.
사용하지 않을 때
장식 배경이나 반복 무늬로 사용하지 않습니다.
변형과 상태
default고정 예시24px 심볼과 전체 워드마크가 기준선에서 함께 정렬되는지 확인합니다.
LafLabscompact고정 예시16px 심볼에서도 원본 비율과 워드마크 간격이 유지되는지 확인합니다.
LafLabs
접근성
Logo 단독 사용 시 LafLabs로 읽힙니다. 링크 안에서는 이름을 한 번만 제공합니다.
API
| 속성 | 타입 | 필수 | 설명 |
|---|---|---|---|
size | number | 아니요 | 공식 심볼의 가로와 세로 크기입니다. 기본값은 24입니다. |
사용 예시
지원 importimport { Logo } from "@/components/ui/logo"
<Logo size={24} />