Interviews
Get started
Prepare
Prepare
New
Advertise with us ->
Pricing
Sign in / up
Get full access
Description
Solution
Saved code
Transfer List
Languages
Difficulty
Medium
Recommended duration to spend during interviews
3
0
mins
30 mins
Build a component that allows transferring of items between two lists.
Requirements
There are two lists each initially containing 4 items.
Each item has a checkbox that can be checked/unchecked.
Transferring
Clicking on the double arrow buttons will transfer all items from one list to the other, as specified by the direction of the arrows.
Clicking on the single arrow buttons will transfer only the selected items, as specified by the direction of the arrows.
Transferred items are added to the bottom of the destination list.
Item selection (checked) states are preserved after transferring.
Buttons are disabled if there are no relevant items to be transferred.
Preview what you need to build
Asked at these companies
Premium Feature
Purchase premium to see companies which ask this question.
View plans
Premium solution
Purchase premium to unlock official solutions and all the best materials we have to offer.
All premium questions
High quality solutions
Time-savers like focus areas
Front end system design guides
View subscription plans
You must be signed in to view your saved versions
Sign in
Create an account
Files
App.vue
public
index.html
src
App.vue
main.js
styles.css
package.json
For now, files cannot be created or renamed. It's acceptable to write multiple components within a single file during interviews.
Loading editor
Browser
Console
Click to go back
Click to go forward
Refresh preview
Filter logs
Filter by log level
All log levels
Info
Warnings
Errors
JavaScript Console
console.log()
statements will appear here.
Vue
Mark complete
Save to cloud