DaisyUI - Tailwind CSS 정보
DaisyUI - Tailwind CSS
본문
Tailwind CSS를 사용한 UI 입니다.
<button class="inline-block px-4 py-3 text-sm font-semibold text-center text-white uppercase transition duration-200 ease-in-out bg-indigo-500 rounded-md cursor-pointer hover:bg-indigo-600">Tailwind Button</button>
라고 해야 버튼이 하나 만들어지네요. CSS보다 사용하긴 조금 더 편하지만, 거의 어셈블러 수준 같습니다.
이것을 간단하게 아래처럼 쓸 수 있게.. 즉 80-90%는 아래처럼 사용하고, 나머지는 커스텀으로 추가해서 사용할 수 있게...
<button class="btn btn-primary">DaisyUI Button</button>
왜 개발자들이 좋아하는지 알겠네요.
추천
0
0
댓글 0개