[English](./README.md) | 简体中文

# @ray-js/components-ty-tabbar

[![latest](https://img.shields.io/npm/v/@ray-js/components-ty-tabbar/latest.svg)](https://www.npmjs.com/package/@ray-js/components-ty-tabbar) [![download](https://img.shields.io/npm/dt/@ray-js/components-ty-tabbar.svg)](https://www.npmjs.com/package/@ray-js/components-ty-tabbar)

> 涂鸦风格 Tabbar

## 安装

```sh
$ npm install @ray-js/components-ty-tabbar
// 或者
$ yarn add @ray-js/components-ty-tabbar
```

## 使用

### 基础使用

```tsx
import Tabbar from '@ray-js/components-ty-tabbar';
export default () => {
  return (
    <Tabbar>
      <Tabbar.TabItem icon={<Icon type="icon-a-sunmaxfill" />}>标签</Tabbar.TabItem>
      <Tabbar.TabItem icon={<Icon type="icon-a-cloudhailfill" />}>标签</Tabbar.TabItem>
      <Tabbar.TabItem icon={<Icon type="icon-a-cloudsunrainfill" />}>标签</Tabbar.TabItem>
      <Tabbar.TabItem icon={<Icon type="icon-a-moonstarsfill" />}>标签</Tabbar.TabItem>
    </Tabbar>
  );
};
```