---
title: 転送リストReactコンポーネント
components: List, ListItem, Checkbox, Switch
---

# 転送リスト(Transfer List)

<p class="description">転送リスト("transfer list")（または"shuttle") を使用すると、ユーザーは1つ以上のリストアイテムをリスト間で移動できます。</p>

## シンプルな転送リスト(Transfer List) の場合

完全を期すために、この例には「すべて移動」用のボタンが含まれていますが、すべての転送リストでこれらが必要なわけではありません。

{{"demo": "pages/components/transfer-list/TransferList.js", "bg": true}}

## 拡張転送リスト(Enhanced Transfer List) の場合

この例では、「すべて移動」ボタンを「すべて選択/なしを選択」チェックボックスに交換し、カウンターを追加します。

{{"demo": "pages/components/transfer-list/SelectAllTransferList.js", "bg": true}}