English | [简体中文](./README-zh_CN.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)

> 涂鸦风格选择器

## Installation

```sh
$ npm install @ray-js/components-ty-tabs
# or
$ yarn add @ray-js/components-ty-tabs
```

## Usage

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

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

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