open-index/open-npm huggingface dataset:
npm package: @lynx-js/lynx-ui-sortable
Description: A headless Sortable list component for ReactLynx. It provides list reordering primitives via main-thread animations.
Author: The Lynx Authors
Latest version: 3.130.0

# @lynx-js/lynx-ui-sortable

A headless Sortable list component for ReactLynx. It provides list reordering primitives via main-thread animations.

## Installation

We strongly recommend installing and using this component through the main `@lynx-js/lynx-ui` package:

```bash
# pnpm (recommended)
pnpm add @lynx-js/lynx-ui

# npm
npm install @lynx-js/lynx-ui

# yarn
yarn add @lynx-js/lynx-ui
```

_(If necessary, you can still install the standalone package via `pnpm add @lynx-js/lynx-ui-sortable`)_

## Usage

The `lynx-ui-sortable` follows a headless composition pattern.

[View Full Examples](https://github.com/lynx-family/lynx-ui/tree/main/apps/examples/Sortable)

## Component Structure

The `Sortable` component is composed of the following sub-components:

```tsx
<SortableRoot>
  {(item) => (
    <SortableItem
      key={item.getSortingKey()}
      sortingKey={item.getSortingKey()}
    >
      <SortableItemArea>
        {/* Your item content */}
      </SortableItemArea>
    </SortableItem>
  )}
</SortableRoot>
```

- **`SortableRoot`**: The root container that manages the sortable state.
- **`SortableItem`**: An individual sortable item.
- **`SortableItemArea`**: The draggable area within a sortable item.

## About @lynx-js/lynx-ui

This component is part of `@lynx-js/lynx-ui`, a headless UI library officially maintained by the Lynx team, provided as a reference for building flexible, universal, and high-performance ReactLynx components.

## License

[**lynx-ui**](https://github.com/lynx-family/lynx-ui) is [**Apache License 2.0**](./LICENSE) licensed.
npm package: @lynx-js/lynx-ui-swipe-action
Description: A SwipeAction component for ReactLynx. It provides swipeable list item primitives via main-thread gestures.
Author: The Lynx Authors
Latest version: 3.130.0

# @lynx-js/lynx-ui-swipe-action

A SwipeAction component for ReactLynx. It provides swipeable list item primitives via main-thread gestures.

## Installation

We strongly recommend installing and using this component through the main `@lynx-js/lynx-ui` package:

```bash
# pnpm (recommended)
pnpm add @lynx-js/lynx-ui

# npm
npm install @lynx-js/lynx-ui

# yarn
yarn add @lynx-js/lynx-ui
```

_(If necessary, you can still install the standalone package via `pnpm add @lynx-js/lynx-ui-swipe-action`)_

## Usage

The `lynx-ui-swipe-action` follows a headless composition pattern.

[View Full Examples](https://github.com/lynx-family/lynx-ui/tree/main/apps/examples/SwipeAction)

## Component Structure

The `SwipeAction` component is composed of the following sub-components:

```tsx
<SwipeAction displayArea={<view />} actionArea={<view />} />
```

- **`SwipeAction`**: The main swipe action container.

## About @lynx-js/lynx-ui

This component is part of `@lynx-js/lynx-ui`, a headless UI library officially maintained by the Lynx team, provided as a reference for building flexible, universal, and high-performance ReactLynx components.

## License

[**lynx-ui**](https://github.com/lynx-family/lynx-ui) is [**Apache License 2.0**](./LICENSE) licensed.
npm package: @lynx-js/lynx-ui-swiper
Description: A Swiper (carousel) component for ReactLynx. It provides pagination and gesture-handling primitives.
Author: The Lynx Authors
Latest version: 3.130.0

# @lynx-js/lynx-ui-swiper

A Swiper (carousel) component for ReactLynx. It provides pagination and gesture-handling primitives.

## Installation

We strongly recommend installing and using this component through the main `@lynx-js/lynx-ui` package:

```bash
# pnpm (recommended)
pnpm add @lynx-js/lynx-ui

# npm
npm install @lynx-js/lynx-ui

# yarn
yarn add @lynx-js/lynx-ui
```

_(If necessary, you can still install the standalone package via `pnpm add @lynx-js/lynx-ui-swiper`)_

## Usage

The `lynx-ui-swiper` follows a headless composition pattern.

[View Full Examples](https://github.com/lynx-family/lynx-ui/tree/main/apps/examples/Swiper)

## Component Structure

The `Swiper` component is composed of the following sub-components:

```tsx
<Swiper>
  {({ index, realIndex }) => (
    <SwiperItem index={index} realIndex={realIndex} key={realIndex}>
      {/* Your item content */}
    </SwiperItem>
  )}
</Swiper>
```

- **`Swiper`**: The main swiper container.
- **`SwiperItem`**: The individual swiper item.

## About @lynx-js/lynx-ui

This component is part of `@lynx-js/lynx-ui`, a headless UI library officially maintained by the Lynx team, provided as a reference for building flexible, universal, and high-performance ReactLynx components.

## License

[**lynx-ui**](https://github.com/lynx-family/lynx-ui) is [**Apache License 2.0**](./LICENSE) licensed.
npm package: @lynx-js/lynx-ui-switch
Description: A headless Switch (toggle) component for ReactLynx. It provides unstyled primitives for toggle states.
Author: The Lynx Authors
Latest version: 3.130.0

# @lynx-js/lynx-ui-switch

A headless Switch (toggle) component for ReactLynx. It provides unstyled primitives for toggle states.

## Installation

We strongly recommend installing and using this component through the main `@lynx-js/lynx-ui` package:

```bash
# pnpm (recommended)
pnpm add @lynx-js/lynx-ui

# npm
npm install @lynx-js/lynx-ui

# yarn
yarn add @lynx-js/lynx-ui
```

_(If necessary, you can still install the standalone package via `pnpm add @lynx-js/lynx-ui-switch`)_

## Usage

The `lynx-ui-switch` follows a headless composition pattern.

[View Full Examples](https://github.com/lynx-family/lynx-ui/tree/main/apps/examples/Switch)

## Component Structure

The `Switch` component is composed of the following sub-components:

```tsx
<Switch>
  <SwitchTrack />
  <SwitchThumb />
</Switch>
```

- **`Switch`**: The root container that manages the toggle state.
- **`SwitchTrack`**: The track/rail of the switch.
- **`SwitchThumb`**: The sliding thumb indicator.

## About @lynx-js/lynx-ui

This component is part of `@lynx-js/lynx-ui`, a headless UI library officially maintained by the Lynx team, provided as a reference for building flexible, universal, and high-performance ReactLynx components.

## License

[**lynx-ui**](https://github.com/lynx-family/lynx-ui) is [**Apache License 2.0**](./LICENSE) licensed.