Combining Angular Material & Tailwind CSS - Best of Both Worlds!

Поделиться
HTML-код
  • Опубликовано: 6 янв 2025

Комментарии • 21

  • @adamfeher64
    @adamfeher64 5 дней назад

    This video contains crucial installation steps which definitely should be mentioned somewhere in Tailwind CSS docs, specificaly in "Install Tailwind CSS with Angular" section. Amazing video!

    • @ZoaibKhan
      @ZoaibKhan  5 дней назад +1

      Glad you liked it Adam!

  • @smorebytes
    @smorebytes 2 месяца назад +2

    Haven't watched it yet, but I use both and love it. Never had any issues.

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад +1

      Great to hear, Stephen! TailwindCSS makes styling really fast :)

  • @angelodou
    @angelodou Месяц назад

    Woah, this is really good.
    Exactly what I was looking for.

    • @ZoaibKhan
      @ZoaibKhan  Месяц назад

      Glad you found it useful 🙂

  • @DirtySouth33T
    @DirtySouth33T 2 месяца назад +1

    glad you made this! i did the exact same thing so I am glad both of us are on the same track LOL! i am waiting on renewal on pateron for 11/2 i canceld on the old one

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      Hey Adam! We're both going through the stages of dashboard development together 😂
      I saw you're already a free member on Patreon, so thanks for that! I'll be developing it further but in a while - since lots on my plate currently

  • @oleersoy6547
    @oleersoy6547 Месяц назад

    Fantastic tutorial!! Would be really neat to see Tailwind Build Optimization / Minification too ....

    • @ZoaibKhan
      @ZoaibKhan  Месяц назад +1

      Thanks 🙏 That's a good suggestion!

  • @JianhuaX
    @JianhuaX 2 месяца назад

    Awesome primer on Tailwind CSS + Angular Material! I wonder how you would manage the conflicts when passing in props in the tailwind class. Would twMerge and CLSX work wirh Angular?

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      Thanks Jian! What's the use cases you use twMerge and CLSX for precisely? For twMerge at least we can use it with [class] syntax in the template.

    • @JianhuaX
      @JianhuaX 2 месяца назад

      When there’s a conditional utility class used, to prevent the utility class from clashing, you can write the utility class as an object but by default, Tailwind does not allow objects. So to combine twMerge with CLSX, this is possible. I want to test this in Angular

  • @OlehBiblyi
    @OlehBiblyi 2 месяца назад

    Great content, thanks!

  • @arunpanjiyar9746
    @arunpanjiyar9746 2 месяца назад

    Please teach us creating intrative UI from basic to advance

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад

      Can you explain more - what do you exactly mean by interactive UI?

    • @arunpanjiyar9746
      @arunpanjiyar9746 2 месяца назад

      @@ZoaibKhan i want to learn angualr development but not geting right guidance. So could you teach us?

  • @trymybest
    @trymybest 2 месяца назад

    I think PrimeNg is the best for Angular SCSS.

    • @ZoaibKhan
      @ZoaibKhan  2 месяца назад +1

      I've heard really good things about PrimeNG as well and have used them as well a bit in the past. Material has the benefit of being maintained by the Angular team - that's all. You'll not go wrong with either!

    • @trymybest
      @trymybest 2 месяца назад

      @@ZoaibKhan I am 100% agree with you actually I like to say that if you used Tailwind CSS other than Angular Material then PrimeNg would be better than Tailwind CSS. I want your all video tutorial in future may be on pure Angular Material and Angular Material is less complicated and easy to use.