Відео

Concise, precise, and direct. Thanks !

90468 Zulauf Stravenue

40322 Graham View

This is great! Just found it and it's perfect! Any tips on a way to on page load have the first section of the accordion open?

bro, this is a very good 1 minutes video, cheers

hey when we convert png to svg we are getting eg.svg file right? then how it can convert to path

Nice!!

Крутое видео! Спасибо! ✌✌

Awesome video. Almost broke my head with antd and vite. Sometimes the best solutions are the simple ones

thank you so much man

thank you very much!

I just needed to see someone else do this. I kept thinking that was wrong. Thanks a ton

Thanks bro

pretty neat man

For the background color, just use code : <p style="background-color:(choose a color without capital and space)">

i feel stupid for spending so many hours on fixing something that took 1 minute for you to explain :D you saved me dude

Thank u man

youre very good at explaining codes and its functions its sad that u have stoped these videos

Thanks a lot

man i have been searching for hours for this shitty problem. Thanks a lot

Thanks!!

Thanks for the video it was very helpful @JacoblBroughton 💯

Thank you

I still dont get it, someone please explain to me like im a baby

nice. thanks a lot!

I have just started learning react, I found your video very helpful. Thanks

u saved me right there, thanks !

May you be blessed good sir. Spent hours trying to make them work lol

I'll put every code here and you pay attention in three things: 1. I changed "left: calc(50px - 25px)" to only "left:25px" 2. I used CSS Modules. 3. I prefer to use "const handleClick = ..." than writing the click in "onClick", I am supposedly facilitating maintenance. // jsx const [toggled, setToggled] = useState(false); const handleClick = () => { setToggled(!toggled) } return ( <button className={`${styles.toggle__btn} ${toggled ? `${styles.toggled}` : ""}`} onClick={handleClick}> <div className={styles.btn__thumb}></div> </button> ) // css .toggle__btn { background-color: #b7b9ba; border: 1px solid #aaa; border-radius: 99px; width: 50px; height: 28px; transition: background-color 0.1s ease, border-color 0.2s ease; cursor: pointer; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.748); position: relative; } .toggle__btn .btn__thumb { height: 20px; width: 20px; background-color: #FFF; border-radius: 99px; transform: translateX(0); transition: left 0.15s ease; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); } .toggle__btn.toggled { background-color: turquoise; } .toggle__btn:hover { border-color: gray; } .toggle__btn.toggled .btn__thumb { left: 25px; }

how to convert the im,age to d path="" that value

Exactly what I needed thanks and got a sub ❤

Bro thank you ive been using divs forever just did not really understand the concept behind it but you explained it detail by detail no one else could explain it this well any video i would click i could just not comprehend anything unlike this video i comprehend’ed everything thanks so much once again. +1 sub

Thank you for the help.

Can you text -align it to center ?

Thank you so much... It helped a lot

fk boi i found that if u didn't pass all the props will make the svg dissapear in safari and mobile device. here is my code before⬇: const BorderSvg2 = ({ fill }) => ( <svg fill={fill} xmlns="www.w3.org/2000/svg" data-name="\u5716\u5C64 2" viewBox="0 0 762.23 168.38" > <path d="..." style={{ stroke: "#231815", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 3, }} /> </svg> ); export default BorderSvg2; ↩ and here is the code without bug⬇: const BorderSvg2 = ({ fill,...props}) => ( <svg data-name="\u5716\u5C64 1" xmlns="www.w3.org/2000/svg" viewBox="0 0 762.23 168.38" {...props} > <path d="..." style={{ fill: fill, stroke: "#231815", strokeMiterlimit: 10, strokeWidth: 3, }} /> </svg> ); export default BorderSvg2;

Hands down the best and quickest explanation of this and a sound method. Sub'd, thanks!

ty! simple and quick mate :)

Thanks!

contextMenuRef is always null for me

+1 for the post-edit fix for "apple". Thanks for the lesson. Cheers

After scouring some standard calculators with React JS, this is the tutorial I really needed, a custom calculator for a trip cost estimator as a delivery driver. I have flat rates up to 20 miles, but then after that, 2 different rates for 20-50 and 50+. I have another custom calculator on my website, but it's clunky. And this will give a better professional look. 2024-02-14 1403 PT

Only one apple.

I wish more universities would teach using videos like this. There is just not a good way to explain what a div is with words as with many things.

Precise!

Thanks, this did not answer my question directly but you contributed alot to my possible solution. 606th subscriber

make a submenu

thanks for taking the time to make this video to help people

oh ok thanks

Seems like a good solution if you have 3 icons on your site, but what it there are dozens of them.. I would'nt like to create a component for each of them on my own.