구성 요소 단추 Material Design Buttons 구성 요소

Material Design Buttons 구성 요소

소셜 미디어용 Earth Tones의 Material Design Buttons 구성 요소

미리 보기

HTML 코드

```html
<div class="flex flex-col items-center justify-center min-h-screen bg-stone-100 dark:bg-stone-900 p-4">
  <div class="flex space-x-4 rtl:space-x-reverse">
    <button class="px-4 py-2 bg-amber-600 text-white dark:bg-amber-700 dark:text-stone-200 rounded-md shadow-md hover:bg-amber-700 dark:hover:bg-amber-800 transition duration-300 ease-in-out">Like</button>
    <button class="px-4 py-2 bg-stone-400 text-stone-800 dark:bg-stone-600 dark:text-stone-200 rounded-md shadow-md hover:bg-stone-500 dark:hover:bg-stone-700 transition duration-300 ease-in-out">Comment</button>
    <button class="px-4 py-2 bg-green-600 text-white dark:bg-green-700 dark:text-stone-200 rounded-md shadow-md hover:bg-green-700 dark:hover:bg-green-800 transition duration-300 ease-in-out">Share</button>
  </div>
</div>
```

관련 구성 요소

Buttons 구성 요소

Responsive Buttons Material Design, Triadic 색 구성표 및 어두운 테마 지원이 있는 구성 요소입니다.

열다

Buttons 구성 요소

유사한 색 구성표와 어두운 모드를 지원하는 포트폴리오에 적합한 3D 스타일 버튼 구성 요소입니다.

열다

Buttons 구성 요소

Neumorphism Buttons 포트폴리오 목적을 위한 단색 색 구성표가 있는 구성 요소, 어두운 테마 지원으로 반응합니다.

열다