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>

관련 구성 요소

피드백 구성 요소

생생한 색상의 다크 모드를 위해 설계된 반응형 피드백 구성 요소로, 블로그 및 콘텐츠 소비에 이상적입니다.

열다

Feedback Components 구성 요소

컨설팅/서비스 웹 사이트에 적합한 간단하고 반응이 빠른 피드백 구성 요소로, 트라이어딕 색 구성표와 마이크로 인터랙션 디자인 원칙을 특징으로 합니다. 다크 모드 지원이 포함됩니다.

열다

Organic_Nature_Inspired_Food_Feedback_Component

음식/레스토랑 웹사이트를 위한 중간 정도의 복잡성 피드백 구성 요소로, 어스 톤과 완전한 반응성을 갖춘 유기농/자연에서 영감을 받은 디자인을 특징으로 하며 다크 모드 지원을 포함합니다.

열다