Компонент обратной связи
Компонент обратной связи, вдохновленный скевоморфизмом, с аналогичной цветовой гаммой для приборной панели. Разработано так, чтобы быть простым, отзывчивым и поддерживает темный режим с использованием 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>Связанные компоненты
Компонент обратной связи
Отзывчивый компонент обратной связи, разработанный в соответствии с принципами Material Design, включающий земляные тона и оснащенный поддержкой темного режима. Этот компонент специально разработан для информационных панелей и содержит различные интерактивные элементы.
Компонент компонентов обратной связи
Простой компонент обратной связи Glassmorphism для социальных сетей, отличающийся триадической цветовой схемой, адаптивным дизайном и поддержкой темных тем. JavaScript не требуется.
Компонент обратной связи
Компонент обратной связи, разработанный для интерфейсов социальных сетей, включающий микровзаимодействия и цветовую схему в оттенках серого, с поддержкой темных тем.