브루탈리스트 검색창
대시보드에 대한 잔인하고 야만적인 검색 상자 구성 요소로, 보색 구성표와 적당한 복잡성을 특징으로 하며, Tailwind CSS를 사용하여 반응형 디자인과 어두운 테마를 지원합니다.
HTML 코드
<div class="relative max-w-md mx-auto mt-10">
<input type="text" placeholder="Search..." class="w-full px-6 py-4 text-lg text-gray-800 bg-yellow-300 border-4 border-black focus:outline-none focus:border-red-600 dark:bg-yellow-600 dark:text-gray-200 dark:border-white dark:focus:border-red-800">
<svg class="absolute right-0 top-0 mt-4 mr-5 w-6 h-6 text-black dark:text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
</div>관련 구성 요소
간단한 3D 파스텔 검색 상자
3D와 유사한 디자인, 파스텔 색 구성표 및 어두운 테마 지원을 갖춘 반응형 검색 상자 구성 요소로, 블로그/콘텐츠 웹 사이트용 Tailwind CSS로 구축되었습니다.
검색 상자 구성 요소
비즈니스 및 기업 웹 사이트를 위해 설계된 3D 스타일의 검색 상자 구성 요소로, 깊이, 대화형 요소 및 다크 모드를 지원하는 복잡한 인터페이스를 특징으로 합니다.