A
A
Alexander2018-05-28 13:05:56
React
Alexander, 2018-05-28 13:05:56

How to customize in ant-design tabs?

https://ant.design/components/tabs/#components-tab...
Does anyone know a way to customize Tab 1 ? for example, give it a specific padding.
Found one way out, add property size={'my_custom_prefix'} then include css file with :

.ant-tabs-my_custom_prefix .ant-tabs-tab {
    padding: 18px 11px !important;
}

looks crutch.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
E
Evgeny Komarov, 2018-05-28
@kentuck1213

less-variables

/*
 ant-design/components/style/themes/default.less
 строка 396-397
*/
@tabs-horizontal-padding: 12px 16px;
@tabs-vertical-padding: 8px 24px;

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question