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

# @ray-js/components-ty-tabs

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

> 涂鸦风格选择器

## 安装

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

## 使用

```tsx
import Tabs from '@ray-js/components-ty-tabs';

<Tabs height="500rpx">
  <Tabs.TabPanel tab="标签 1">
    <View>盛年不重来</View>
  </Tabs.TabPanel>
  <Tabs.TabPanel tab="标签 2">
    <View>一日难再晨</View>
  </Tabs.TabPanel>
  <Tabs.TabPanel tab="标签 3">
    <View>及时宜自勉</View>
  </Tabs.TabPanel>
  <Tabs.TabPanel tab="标签 4">
    <View>及时宜自勉</View>
  </Tabs.TabPanel>
</Tabs>

// SegmentedPicker
<Tabs.SegmentedPicker>
  <Tabs.TabPanel tab="标签 1" />
  <Tabs.TabPanel tab="标签 2" />
</Tabs.SegmentedPicker>
```