구성 요소 기능적 구성 요소 Functional Components 구성 요소

Functional Components 구성 요소

다크 모드를 지원하는 간단한 기능 구성 요소입니다.

미리 보기

HTML 코드

<div class="bg-white dark:bg-gray-800 text-gray-800 dark:text-white p-4 rounded-md shadow-md">
  <h2 class="text-lg font-semibold mb-2">Functional Component</h2>
  <p class="text-sm">This is a minimalist functional component with dark mode support.</p>
</div>

관련 구성 요소

Paper_Print_Media_Card

종이/인쇄에서 영감을 받은 디자인과 파스텔 색상의 단순하고 반응성이 뛰어난 미디어 카드로, 다크 모드를 지원합니다. 엔터테인먼트 또는 미디어 플랫폼에 이상적입니다.

열다

Functional Components 구성 요소

monospace/developer 미학을 가진 복잡하고 반응이 빠른 대시보드 구성 요소로, 멋진 중립을 사용합니다. 데이터 시각화 요소, 터미널과 같은 섹션 및 다크 모드 지원을 제공합니다.

열다

Functional Components 구성 요소

Tailwind CSS로 디자인된 미니멀리스트 포트폴리오 구성 요소로, 생생한 색 구성표와 다크 모드를 지원합니다. 이 구성 요소는 작품 또는 제품을 보여주기 위한 것이며 이미지 및 아바타 자리 표시자를 포함합니다.

열다