VNR Design System

Transfer

Double column transfer choice box.

Khi nào sử dụng

Phân quyền

Gán quyền hoặc vai trò từ danh sách có sẵn.

Cấu hình hiển thị

Chọn cột hiển thị trong bảng dữ liệu.

Team Membership

Add or remove members between groups.

Hướng dẫn

Do
  • Hỗ trợ tìm kiếm trong cả hai danh sách
  • Hiện số lượng mục đã chọn và tổng số
Don't
  • Dùng khi danh sách có dưới 5 mục — hãy dùng Checkbox
  • Ẩn nút di chuyển tất cả

Basic

15 itemsSource
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
  • Item 9
  • Item 10
  • Item 11
  • Item 12
  • Item 13
  • Item 14
  • Item 15
5 itemsTarget
  • Item 16
  • Item 17
  • Item 18
  • Item 19
  • Item 20

Search

15 items
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
  • Item 9
  • Item 10
  • Item 11
  • Item 12
  • Item 13
  • Item 14
  • Item 15
5 items
  • Item 16
  • Item 17
  • Item 18
  • Item 19
  • Item 20

Pagination

15 items
  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
  • Item 7
  • Item 8
  • Item 9
  • Item 10
  • /2
5 items
  • Item 16
  • Item 17
  • Item 18
  • Item 19
  • Item 20
  • /1