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>관련 구성 요소
Tooltip 구성 요소
블로그 콘텐츠 소비를 위해 설계된 간단한 반응형 툴팁 구성 요소로, 회색조 색 구성표가 있는 3D 디자인과 Tailwind CSS를 사용한 다크 모드 지원이 특징입니다.
Tooltip 구성 요소
전자상거래를 위한 단색 색 구성표가 있는 반응형 Material Design 툴팁 구성 요소로, 다크 모드를 지원합니다. JavaScript, HTML 및 Tailwind CSS 만 없습니다.