Minimalist_Tooltip
미니멀리스트/플랫 디자인(Minimalist/Flat Design) 툴팁 전자 상거래를 위한 구성 요소로, 반응형 디자인과 어두운 테마를 지원합니다. 보색 구성표를 사용하며 중간 정도의 복잡성을 가지고 있습니다.
HTML 코드
<div class="relative group">
<button class="text-blue-700 hover:text-blue-800 dark:text-red-400 dark:hover:text-red-500 font-bold py-2 px-4 rounded">Hover Me</button>
<div class="absolute bottom-full mb-2 hidden group-hover:block w-48 bg-blue-100 text-blue-800 text-sm rounded py-1 px-2 dark:bg-red-900 dark:text-red-100">
Product information or details here.
</div>
</div>관련 구성 요소
Neumorphic Tooltip 컴포넌트
비즈니스 웹 사이트에 적합한 정교한 Neumorphism 스타일의 툴팁 구성 요소로, 생생한 색상을 사용하고 다크 모드를 지원하도록 설계되었습니다.
Memphis_Real_Estate_Tooltip
부동산 응용 프로그램을 위한 간단하고 반응이 빠른 툴팁 구성 요소로, Memphis Design에서 영감을 받은 미학을 단색 베이스와 생생한 액센트 색상으로 특징으로 합니다. 다크 모드 지원이 포함됩니다.