More Premium Hugo Themes Premium Vue Themes

Vue Select Sides

A component for Vue.js to select double-sided data.

Vue Select Sides

A component for Vue.js to select double-sided data.

Author Avatar Theme by soft4ti
Github Stars Github Stars: 70
Last Commit Last Commit: Feb 6, 2025 -
First Commit Created: Aug 8, 2025 -
default image

Overview

If you’re looking for a versatile selection component for your Vue.js applications, this double-sided data selector might just be what you need. Compatible with Vue 3, it allows users to select items and seamlessly ship them from one side to another. With features supporting both grouped and ungrouped displays, this component offers flexibility that makes it suitable for various use cases.

In version 2.0.0 and above, focusing only on Vue 3, the component promises a smooth integration into contemporary projects. The ability to accommodate multiple languages and provide custom themes adds to its extensibility and appeal.

Features

  • Double-Sided Selection: Easily select one or more items and move them between two sides, enhancing user interaction.
  • Type Support: Offers two selection types: grouped and mirror, enabling tailored data presentation.
  • Multilingual Support: Includes several localizations like English, Portuguese, Spanish, and more, catering to a diverse user base.
  • Flexible Data Binding: Supports v-model as either an Array or Object, making it adaptable to different data structures.
  • Search Functionality: Provides an option to display a search input, allowing users to quickly find items in lists.
  • Customizable Display Options: Users can hide or show the total selected count and toggle options in the footer, tailoring the component to fit their needs.
  • Grouping Features: When using the grouped type, you can add child elements, enhancing the organizational capabilities of your data sets.
  • Easy Integration: Can be used as a global component or included via a script tag, making it straightforward to implement in various setups.