CCHub Logo CCHub Tailwind Collection
구성 요소 사용자 멘션 User Mentions 구성 요소

User Mentions 구성 요소

간단하고 반응이 빠른 사용자는 Skeuomorphism 디자인, 유사한 색 구성표 및 다크 모드 지원이 있는 구성 요소를 언급합니다.

미리 보기

HTML 코드 

<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg shadow-xl">
  <div class="flex items-center mb-4">
    <img class="w-10 h-10 rounded-full mr-4 shadow-md" src="https://randomuser.me/api/portraits/men/32.jpg" alt="User Avatar">
    <p class="text-gray-800 dark:text-gray-200 font-semibold text-lg">John Doe</p>
  </div>
  <p class="text-gray-700 dark:text-gray-300">
    Mentioned you in a comment: 
    <span class="text-blue-600 dark:text-blue-400">@JaneSmith</span> This is a great point!
  </p>
</div>

관련 구성 요소

User Mentions 구성 요소

Glassmorphism 디자인, 보색 구성표 및 다크 모드 지원을 갖춘 반응형 User Mentions 구성 요소는 비즈니스 웹 사이트에 적합합니다.

열다

User Mentions 구성 요소

사용자는 Tailwind CSS를 사용하여 단색 색 구성표, 단순한 레이아웃, 반응형 디자인 및 어두운 테마 지원을 특징으로 하는 대시보드의 구성 요소를 언급합니다.

열다

사용자 언급 구성 요소 - 스큐어모피즘

사용자는 스큐어모피즘 디자인, 반응형 효과 및 어두운 테마 지원이 있는 구성 요소를 언급하며 tailwind css와 함께 html만 사용합니다. 자바 스크립트가 필요하지 않습니다.

열다