React Material UI Tutorial - 19 - Accordion

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

КОМЕНТАРІ • 25

  • @chrisskiingpowpow
    @chrisskiingpowpow 2 роки тому +2

    Great video. I was stuck and could not figure out where 'isExpanded' was coming from until I re-watched 5:18. The onChange event handler's function returns BOTH the event object and whether or not the Accordion tab is expanded, which you stored into a variable called 'isExpanded'.
    Thank you so much for these videos. I learn a lot better when I hear a lecture as opposed to reading text and your tutorials are absolutely amazing.

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

    Thanks was stuck on the accordion for a while

  • @NukalaVenkataRajakulaiShetty
    @NukalaVenkataRajakulaiShetty 7 місяців тому

    Is there a way for expand all / collapse all panels with button click.. pls provide if any suggestions

  • @ashwinumbarkar6625
    @ashwinumbarkar6625 6 місяців тому

    Thank you well explained !

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

    Code can be boiled down to that, too:
    setExpanded(isExpanded ? "panel1" : false)
    }
    >

    • @josephkoh1562
      @josephkoh1562 10 місяців тому

      No, you cannot slide back the expanded accordion with above solution

  • @Ram-sc6or
    @Ram-sc6or Рік тому

    Can we make horizontal accordion Thank you so much for video

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

    Thank You Vish

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

    What is the use of isExpanded ?

  • @guidoyebara6835
    @guidoyebara6835 10 місяців тому

    Can someone tell me how isExpanded works? I did not see that state/variable set up anywhere else

  • @TuanPham-oi1ge
    @TuanPham-oi1ge Рік тому

    thank you for this video

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

    HOw do I round the corners of the accordion when I have abackground color ?

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

    How do I access the arrow down icon ? So it can be changed

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

    Thank you.

  • @sanidev-web
    @sanidev-web Рік тому

    Hi
    what is your extention to write useState quickly and change it?

    • @ron-almog
      @ron-almog Рік тому

      ES7+ React/Redux/React-Native snippets

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

    Thanks 🥰🥰🥰

  • @AsishSharma-gi8tb
    @AsishSharma-gi8tb Рік тому

    Thanks

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

    Thanks It very helpfull with me and every one

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

    expanded={expanded === 'panel1'}.
    Please explain the where this code comes from? What's its use?

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

      First word expanded is rule name form mui api.
      Second, in brackets is the same one declared in use state.
      So...
      rule expanded may be true or false
      and expanded==='panel1' will be set up as true or false. (this one can be changed to any other name).

  • @DEEPAK-cr5wl
    @DEEPAK-cr5wl 2 роки тому

    Hello sir I need nodejs full tutorial plz..tq😍

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

    Very nice

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

    Bro next tutorial on making NFT website with react and solidity plzz

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

    First