adui/components/tabs/demo/gutter.md

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

---
order: 1
title:
  zh-CN: 尬特
  en-US: gutter
---

自定义宽高与页签间距 `gutter` ：

```jsx
return (
  <Tabs defaultValue={0} gutter={32}>
    <Tabs.Tab className="px-10 pb-16" title="选择项一" value={0} />
    <Tabs.Tab className="px-10 pb-16" title="选择项二" value={1} />
    <Tabs.Tab className="px-10 pb-16" title="选择项三" value={2} />
  </Tabs>
)
```