# @ray-js/components-ty-swipeout

> 涂鸦风格侧滑

Latest version **0.0.18** (published 2024-05-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install @ray-js/components-ty-swipeout
pnpm add @ray-js/components-ty-swipeout
yarn add @ray-js/components-ty-swipeout
bun add @ray-js/components-ty-swipeout
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.18 |
| Published | 2024-05-30 |
| First published | 2022-07-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 86 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | tuyafe |

## Links

- npm: https://www.npmjs.com/package/@ray-js/components-ty-swipeout
- npm.io page: https://npm.io/package/@ray-js/components-ty-swipeout

## Dependencies (3)

- [typedoc](https://npm.io/package/typedoc.md) ^0.23.5
- [classnames](https://npm.io/package/classnames.md) ^2.3.1
- [@ray-js/env](https://npm.io/package/@ray-js/env.md) ^0.6.11

## Recent versions

- 0.0.18 (latest) — 2024-05-30
- 0.0.18-beta-3 (beta) — 2024-04-08
- 0.0.18-beta-2 — 2024-01-30
- 0.0.18-beta-1 — 2024-01-30
- 0.0.17 — 2023-09-06
- 0.0.16 — 2023-09-06
- 0.0.15 — 2023-09-06
- 0.0.14 — 2023-09-06
- 0.0.13 — 2022-11-21
- 0.0.12 — 2022-11-03
- 0.0.11 — 2022-11-03
- 0.0.10 — 2022-10-12
- 0.0.9 — 2022-10-12
- 0.0.8 — 2022-10-11
- 0.0.7 — 2022-09-08
- … 4 more at https://npm.io/package/@ray-js/components-ty-swipeout/versions

## README

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

# @ray-js/components-ty-swipeout

> Tuya Style Swipeout

## Installation

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

## Usage

```tsx
import { Icon, View } from '@ray-js/components';
import TyCell from '@ray-js/components-ty-cell';
import Swipeout from '@ray-js/components-ty-swipeout';

<Swipeout
  autoClose
  right={[
    {
      text: 'Action',
      onPress: () => console.log('Action3'),
      style: { backgroundColor: 'red', color: 'white' },
    },
  ]}
>
  <TyCell.Item
    className={styles.title}
    title={
      <>
        <Icon type="icon-a-sunmaxfill" size={24} color="#2B7AFF" />
        Left
      </>
    }
  />
</Swipeout>;
```

### Swipeout.Group

only one swipeout active at same time.

```tsx
<Swipeout.Group>
  <Swipeout
    autoClose
    right={[
      {
        text: 'Action',
        onPress: () => console.log('Action3'),
        style: { backgroundColor: 'red', color: 'white' },
      },
    ]}
  >
    <TyCell.Item
      className={styles.title}
      title={
        <>
          <Icon type="icon-a-sunmaxfill" size={24} color="#2B7AFF" />
          Left
        </>
      }
    />
  </Swipeout>
  ;
  <Swipeout
    autoClose
    right={[
      {
        text: 'Action',
        onPress: () => console.log('Action3'),
        style: { backgroundColor: 'red', color: 'white' },
      },
    ]}
  >
    <TyCell.Item
      className={styles.title}
      title={
        <>
          <Icon type="icon-a-sunmaxfill" size={24} color="#2B7AFF" />
          Right
        </>
      }
    />
  </Swipeout>
  ;
</Swipeout.Group>
```

---
_Source: https://npm.io/package/@ray-js/components-ty-swipeout · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._