Theming Prime UI Libraries with Tailwind CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

ความคิดเห็น • 26

  • @ChrisBeech
    @ChrisBeech หลายเดือนก่อน +7

    Wow, this is ideal! Hoping it lands for PrimeNg soon too. Thanks for the incredible work you and the team are doing!

    • @cagataycivici
      @cagataycivici  หลายเดือนก่อน +4

      @@ChrisBeech First thing to do after PrimeNG v18 final.

    • @legrandtalk
      @legrandtalk หลายเดือนก่อน

      Yes , we wait for primeng ! Thanks !

    • @legrandtalk
      @legrandtalk หลายเดือนก่อน

      ​@@cagataycivicithanks, the release date is the same like prime blocks for primeng ?

  • @salzkraut8176
    @salzkraut8176 หลายเดือนก่อน +1

    Oh boy. What an upgrade. Fucking finally a library that has well styled base components that can be easily restyled when you need them. Yay

  • @fullstacklarry
    @fullstacklarry หลายเดือนก่อน +1

    OG Primetime! I Recently updated to v.4 after realizing that the Nuxt module that I was currently on could not be upgraded to 4. Going for unstyled mode this time and the tailwind preset featue. It is nice I like it. I like how you can handle the styles for the components in one file, comment out the ones that you don't need, and the type error support.

  • @hectormorada957
    @hectormorada957 6 วันที่ผ่านมา

    thank youu

  • @mitjasiska
    @mitjasiska หลายเดือนก่อน

    Amazing! 🤩 Thank you!

  • @gordonfranke3190
    @gordonfranke3190 หลายเดือนก่อน +1

    How can i get updates and bug fixes when i copy the files and adjust to my needs. I must merge the new release with my existing files. Or remember my changes. Is there any better alternative?

  • @ahsan2649
    @ahsan2649 หลายเดือนก่อน +1

    So passthrough presets are deprecated now? Will there be more styled tailwind presets?

    • @krycekaiolfi
      @krycekaiolfi หลายเดือนก่อน

      I hope not. Because PT is not a library dependent. And I think it is more powerful than this. Also, not everyone is using tailwind.

  • @sivareddyuppathi4828
    @sivareddyuppathi4828 หลายเดือนก่อน

    But how to add prefix like tw- any approach, insted of ading manually?

  • @ragura
    @ragura หลายเดือนก่อน

    Thanks for releasing this option! Just to be clear, this is meant as an option only if you want to customize the actual components for reuse, not if you just want a small variant now and then, right?

    • @cagataycivici
      @cagataycivici  หลายเดือนก่อน +1

      @@ragura yes, this alternative is handy for very heavy customization or if you want Tailwind everywhere in your app. Default theming API is also really powerful and has more built-in presets from.

    • @ragura
      @ragura หลายเดือนก่อน

      @@cagataycivici Thanks, so if I understand correctly, if I'm using styled mode with CSS layers to still use tailwind overrides on a per use basis (class attribute when using a component) and I don't want to customize the components completely, this option isn't necessary right?

    • @cagataycivici
      @cagataycivici  หลายเดือนก่อน +1

      @@ragura absolutely, you can use TW to change styled mode components as well with ! symbol or with CSS layers. I have a tutorial coming up as well next week on how to use TW with default theming.

    • @ragura
      @ragura หลายเดือนก่อน

      @@cagataycivici Perfect, thanks for the info! Looking forward to the tutorial!

  • @aturan-fo1qt
    @aturan-fo1qt หลายเดือนก่อน +2

    👍👍

  • @theintjengineer
    @theintjengineer หลายเดือนก่อน

    Yes, for PrimeNG, please.

  • @antonijo01
    @antonijo01 หลายเดือนก่อน

    will it be compatible with tailwind v4?

    • @cagataycivici
      @cagataycivici  หลายเดือนก่อน

      @@antonijo01 Yes unless they remove @apply 🤓

  • @KA-fj1hs
    @KA-fj1hs หลายเดือนก่อน

    Worst overcomplicated theming ever… Better take example of top notch proven UI libraries instead of re-inventing lol.

    • @cagataycivici
      @cagataycivici  หลายเดือนก่อน

      @@KA-fj1hs cheers

    • @ragura
      @ragura หลายเดือนก่อน

      @KA-fj1hs Thanks for all the listed examples and details about what to improve. This has been a valuable learning experience and I commend you for your effort in enlightening us. 🙄

    • @salzkraut8176
      @salzkraut8176 หลายเดือนก่อน +1

      Tell me a library that is as complex while giving the user so many ways to customise the components lol? There is none. Cant get much easier

    • @ragura
      @ragura หลายเดือนก่อน

      @@salzkraut8176 exactly 👍