How to style your Lit elements

Поділитися
Вставка
  • Опубліковано 25 лис 2024

КОМЕНТАРІ • 22

  • @buildWithLit
    @buildWithLit  2 роки тому +1

    Missed episode 2 of Build it with Lit? Check it out now!→ goo.gle/3E5OLkc

  • @PauloSantos-yu1tn
    @PauloSantos-yu1tn 2 роки тому +3

    I am angular developer but I had keep a eye on lit, I really like it, very simple, very powerful. The reactive controllers are amazing. I hope this grows, because it's really fast compared to the old ones, and the code styling is really cool

    • @kyonas6047
      @kyonas6047 Рік тому

      it grew.
      now UA-cam is using it

  • @klimmerjoe5195
    @klimmerjoe5195 2 роки тому +4

    OMG, they're back !!! the funniest (and only) video tutorials about web-components with LIT. custom properties + ::part() seem like the future, wow. Styling web components has been THE WORST thing about my current job working with web-components and LIT html, and I actually love CSS...

    • @YouCodeThings
      @YouCodeThings 2 роки тому

      Thank you!!! What have been some of those pain points you've run into when working with web-component styling?

  • @mauricewipf1667
    @mauricewipf1667 10 місяців тому +2

    It would be great to have a video on how to integrate with Tailwind CSS as it is very popular nowadays.

  • @KainGNX
    @KainGNX 2 роки тому +3

    Nice, a new video. I enjoyed building a router with Lit, but was worried Google would abandon it, as they do with other projects. More videos give hope that Lit is still supported, keep em coming. I think Lit had a lot of great potential to break into prominent fronted frameworks. There is a lot about Lit that just makes sense. Hoping for good things. Please, make more videos more often. Easier said than done, I know.

    • @micc1000
      @micc1000 2 роки тому

      Interesting, did you publish it somewhere or is it a private ?

  • @esperfps6628
    @esperfps6628 2 роки тому +3

    Thank you these videos are amazing and helping me understand lit easily

  • @jamiek2039
    @jamiek2039 2 роки тому +3

    Excellent video, thank you! There is something hilarious about your presentation 😂 and very informative at the same time!

  • @DarrenbyDesign
    @DarrenbyDesign Рік тому +1

    Legtimate question. Why don't you allow for things like templateURL and StyleURL for Lit Element Components?
    I think this is one of the neatest things in Angular and its something that seems perfect for Web Components

  • @myworld458
    @myworld458 Рік тому +1

    how I can add tailwind css

  • @arodic
    @arodic 2 роки тому

    Is there a way to make shadow boundary completely transparent to styles? I wish I could opt in to have the style boundary disappear while still using shadow DOM and slots/parts.

  • @micc1000
    @micc1000 2 роки тому

    What if the shadow DOM promotion could be a disservice to Lit adoption?
    If you want to build a new fine, but the chances your default design will fit the parent page are poor, like the real . And need the various patterns described here.
    Or if inside a company, you build reusable components, that follows corporate styles, that is fine too. Lit solve these niches, but is much more than that.
    We use Lit as our web framework(Typescript+Mobx in Vite) to build a web app. And LOVE it.
    Solving the CSS issue in a more brutal way by using Tailwind and bypass the shadow DOM.
    There is no chance of breaking styles inside components since the CSS is just a utility, standardised and global. Converting the CSS management to a non issue.
    EDIT: we do not use mobx anymore, but the lit lab state management instead, and it works great !

    • @YouCodeThings
      @YouCodeThings Рік тому

      Regarding open-stylable shadow roots, there is a proposal that could use your input and support. Proposal: "open-stylable" Shadow Roots #909
      This would allow opt-in behavior to turn off the strict style scoping while still preserving other benefits (such as slots)!
      Thank you!

    • @micc1000
      @micc1000 Рік тому

      ​@@YouCodeThings thank you for the information, interesting to see it is a 3 year old issue already

  • @Cuddlehead
    @Cuddlehead 27 днів тому

    woah, how did andrew get so many people to be in his video??

  • @dorialan
    @dorialan 2 роки тому +1

    Thanks 🙏

  • @jobiej7416
    @jobiej7416 Рік тому

    This was fun

  • @KlaudiuszKołątaj
    @KlaudiuszKołątaj 7 місяців тому +1

    Please, change these guys, they are so creepy.