Ant Design library with React: customize components - tabs

General principals on how to customize Ant Design library components to fit your needs and your web application design. A step by step instruction on how to change tabs components.

[shaikha]

Can you make a full tutorial on the way you made your {less} styles work, like the file structure and imports, because you made a good explanation, but I'm lost on where did you have className='page-container', where did you import it from ? Thanks 🙏

[mbvpn]

whoever decided on the background music should get an Academy Award for it!

[adebayokehinde]

You just gave me a reason to start designing back with css in React, Thank you

[zinedinejeanpierreeriqueto]

thank you very much and greeting from Peru, you are a treasure

[hamzarasool]

ah long waited video, thanks for such detailed video. a little suggestion please also do some baby steps which your missed to explained as you think that others would know already. Indeed great video and unique content of react covered

[UpasanaDeka]

Thanks a lot. That helped! I couldn't find a relevant video better than this. Keep up the great work!

[felipev]

Thanks so much I was desasparated to find a solution, Initiali I was trying to use style-component, but for some reason in my project are worried to modify style in that way(I think is beause you can easly affect global style ), so we decide create less files, so I was close but your video help me a lot to make it. Thank you and Im follow your work in github. Cheers

[chiaster]

How can you look so perfect when it it s 3 a.m. in the morning!? Haha
Anyways, thanks for the help. I hope you create more Ant Design tutorials.

[maxwellstofman]

Hey this is great! Do you have a link to the original repo? I'd love to see more on how you organize the contents of your .less files.

[abdulwajid]

Will you kindly share your github repository for this project? Need to follow your project structure.

[raviraval]

awsome tutorial ma'am
kepp it up !

[NemesisA]

Great content, thanks for this tutorial. Keep going ! :)

[imchiennb]

You can make a video to teach about how to customize all variavles in ant design?
🙏🙏🙏

[abbar]

What is the best practice to write CSS with ant design? is it inline CSS or a separate CSS file with className/id?

Stackoverflow turn me here. Thank you!

[dayone]

I love your step by step teaching video . Thanks a lot..!

Unfortunately, I have got an issue...

Although I copy your code, it does not work well .
my issue is as followed


after I wrote this
.ant-tabs-nav {
width:100%
}

I have weird space next to last tab button.


before this code, it was same tabs as yours in the video

I tried to inspect this space, I could not even find it.. at


Does anybody get this issue as same as me ? or Does anybody know how to fix it ?
Please let me know...

[aleksandrmatyka]

I downloaded the ready-made assembly of the ant design pro starter for react in which the admin panel is built in by default and I can not understand what is happening there at all, whether you have encountered it and whether it is worth using it at all?

[hakart]

thank you for your greate content . keep going
a question : what is the background music name ?

[Marko]

Which file do I import "style.less" into?

[RAJESH]

please some new websites based on ant-design, react js, redux and firebase with axios.