TailWind UI 활용하기

개요

Tailwind를 활용할 때 전문적인 디자인이 적용된 UI를 참고하기위해

 

https://tailwindui.com/

Tailwind UI

 

Tailwind UI란?

TAILWIND CSS의 제조사들에 의해 500개 이상의 전문 디자인, 완벽한 반응성, 전문적으로 조작된 구성 요소 예제를 Tailwind 프로젝트에 포함시켜 원하는 대로 바꿀 수 도 있다. preview를 제공하고 있으며 물론 소스또한 오픈하고 있다!

 

Get started

기본 input 폼들의 css가 들어있음

npm install -D @tailwindcss/forms

module.exports = {
  ...
  plugins: [require('@tailwindcss/forms')],
}

 

그리고 나서는 사이트에 있는 preview와 code를 참조