# showTabBar(Object object)

Displays the tab bar (on the bottom of a gadget)
**Notice**：When the TabBar is enabled, the bottom border in the gadget page is automatically set to the top edge of the TabBar.

## Support

App capability | Android | iOS | PC | Harmony | Preview
---|---|---|---|---|---
Gadget | **✓** | **✓** | **✓** | V7.35.0+ | Preview
Web app | **X** | **X** | **X** | **X** | /

## Input

Inherits [standard object input](https://open.feishu.cn/document/uYjL24iN/ukzNy4SO3IjL5cjM), and has the following extension properties:

Name | Data type | Required | Default value | Description
---|---|---|---|---
animation | boolean | No | false | Whether animation effects are required.<br>**Notice**：PC: not supported

## Output

Inherits [standard object output](https://open.feishu.cn/document/uYjL24iN/ukzNy4SO3IjL5cjM#8c92acb8), without extension property

## Sample code

```js
tt.showTabBar({
    animation: true,
    success(res) {
      console.log(JSON.stringify(res));
    },
    fail(res) {
      console.log(`showTabBar fail: ${JSON.stringify(res)}`);
    }
});
```

Sample return object for `success`:
```json
{
    "errMsg": "showTabBar:ok"
}
```