Componentes

Exemplos shadcn-style. Copia o código, cola no teu projecto, adapta. Os componentes vivem em cada projecto, não numa lib partilhada.

<button class="inline-flex items-center justify-center px-4 py-2 rounded-md
  bg-rose-500 text-white font-medium text-sm
  hover:bg-rose-600 transition
  focus:outline-none focus:ring-2 focus:ring-rose-400 focus:ring-offset-2">
  Acção primária
</button>

<input type="text" placeholder="Escreve aqui"
  class="w-full px-3 py-2 rounded-md border border-slate-300
  bg-white text-slate-800 text-base
  placeholder:text-slate-400
  focus:outline-none focus:ring-2 focus:ring-rose-400 focus:border-rose-400" />