How to customize in ant-design tabs?

A

Alexander2018-05-28 13:05:56

React

Alexander, 2018-05-28 13:05:56

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.

Reply

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;