LensButton

이미지 검색 버튼 컴포넌트입니다. 카메라/렌즈 아이콘이 표시됩니다.

Astro

---
import LensButton from "@shared/ui/lens-button/LensButton.astro";
---

<LensButton />
<LensButton title="이미지로 검색" />

Props:

• Button 컴포넌트의 모든 props 지원
• 기본 title: “이미지 검색”

Code

<button type="button" class="v-button v-lens-button" title="이미지 검색">
  <svg viewBox="0 0 24 24" fill="none">
    <circle cx="12" cy="12" r="4.5"/>
    <path d="M3 21H9V22H2V15H3V21ZM22 22H15V21H21V15H22V22ZM9 3H3V9H2V2H9V3ZM22 9H21V3H15V2H22V9Z" fill="currentColor"/>
  </svg>
</button>

Preview