CCHub Logo CCHub Tailwind Collection
구성 요소 피드백 구성 요소 피드백 구성 요소

피드백 구성 요소

Skeuomorphism에서 영감을 받은 피드백 구성 요소는 대시보드에 대한 유사한 색 구성표를 특징으로 합니다. 단순하고 반응이 빠르도록 설계되었으며 Tailwind CSS를 사용하여 다크 모드를 지원합니다. 향상된 스타일링 및 구성 요소를 위해 shadcn/ui를 활용합니다.

미리 보기

HTML 코드 

<div class="bg-gray-200 dark:bg-gray-800 p-6 rounded-lg shadow-xl">
  <div class="flex items-center mb-4">
    <img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar">
    <div>
      <h3 class="text-lg font-semibold text-gray-800 dark:text-gray-200">John Doe</h3>
      <p class="text-sm text-gray-600 dark:text-gray-400">Financial Analyst</p>
    </div>
  </div>
  <p class="text-gray-700 dark:text-gray-300 mb-4">
    The new dashboard features are excellent! The data visualization is clear and concisely presented, making it much easier to track key metrics. The performance has also improved significantly.
  </p>
  <div class="flex items-center text-yellow-500">
    <svg class="w-5 h-5 mr-1" fill="currentColor" viewBox="0 0 20 20">
      <path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.309l6.572-.955L10 0l2.939 5.354 6.572.955-4.756 4.936 1.123 6.545z"/>
    </svg>
    <span>4.5</span>
  </div>
</div>

관련 구성 요소

Luxury_Premium_Vibrant_Simple_Food_Restaurant_Feedback_Component

음식/레스토랑 웹사이트를 위한 간단하고 우아한 피드백 구성 요소로, 생동감 넘치는 채도가 높은 색 구성표와 다크 모드를 지원합니다. 고급스러움/프리미엄 느낌을 위해 설계되었습니다.

열다

Vibrant_Dark_Mode_Feedback_Component

눈의 피로를 줄이기 위해 다크 모드 UI가 있는 엔터테인먼트/미디어 플랫폼용으로 설계된 간단하고 생생한 피드백 구성 요소입니다. 눈에 띄는 제목, 하위 설명 및 클릭 유도문안 버튼이 있으며 모두 완벽하게 반응합니다.

열다

Neon_Glow_Feedback_Component

유사한 색 구성표를 사용하여 네온/글로우 미학을 가진 컨설팅/서비스를 위해 설계된 피드백 구성 요소입니다. 기능에는 빛나는 버튼, 미묘한 배경 그라디언트 및 다크 모드 지원이 포함됩니다.

열다