Don't use Tailwind for your Design System

Re:Don't use Tailwind for your Design System by akvadrako on Wednesday January 11, 2023 @02:42PM (#34343488)

Attributify mostly solves readability issue:

  <button
    bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600"
    text="sm white"
    font="mono light"
    p="y-2 x-4"
    border="2 rounded blue-200"
  >

https://windicss.org/features/attributify.html

[ Parent | on HN ]

Re:Don't use Tailwind for your Design System by redbar0n on Thursday January 12, 2023 @04:48AM (#34351291)

It solves the repetition and collation into className, yes.

But I think the author's main gripe was that component abstraction was made difficult with Tailwind when you want to customize the component from the outside, by dynamically altering the styles through props (as often needed for contextualization in design systems), and not just no-prop components like Tailwind suggests: https://tailwindcss.com/#component-driven

[ Parent | on HN ]