<!--
 * @Description:
 * @Author: jiass
 * @Date: 2022-03-02 14:37:49
 * @LastEditTime: 2022-03-02 17:23:37
 * @LastEditors: jiass
-->

## TabsRadius 有圆角 tabs

![Alt](../../assets/tabsRadius.jpg)

```tsx
import React, { useState, useEffect, useCallback } from "react";
import TabsRadius from "taro-mini-ui";
const dataTabs = [
    {
      name: "外部互动",
      id: 1,
    },
    {
      name: "内部互动",
      id: 2,
    },

    {
      name: "内部互动",
      id: 3,
    },
  ];

export default () => {
  return <TabsRadius
        defaultValue={3}
        data={dataTabs}
      ></TabsRadius>
```

| 属性名       | 描述     | 类型     | 默认值 |
| ------------ | -------- | -------- | ------ |
| data         | 数据详情 | array    |
| defaultValue | 默认选中 | array    |
| onClick      | 点击事件 | function |
