Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add listbox / transfer list component #634

Closed
FlyersPh9 opened this issue May 10, 2022 · 5 comments · Fixed by #1073
Closed

Add listbox / transfer list component #634

FlyersPh9 opened this issue May 10, 2022 · 5 comments · Fixed by #1073
Assignees
@FlyersPh9
Labels
css Needs change in css package enhancement New feature or request good first issue Good for newcomers new component react Needs change in react package
Milestone
React 3.0

Comments

@FlyersPh9
Copy link
Collaborator

We should add a listbox / transfer list like component. I think we should be able to use the styling present in menu.scss for the list boxes & our buttons for the left / right buttons.

Requested by Vikram More / SYNCHRO.
@FlyersPh9 FlyersPh9 added enhancement New feature or request good first issue Good for newcomers labels May 10, 2022
@FlyersPh9
Copy link
Collaborator Author

Old branch that also refactored menu to reuse mixins: https://github.com/iTwin/iTwinUI/tree/jon/menu-refactor-and-add-listbox

@gretanausedaite gretanausedaite added css Needs change in css package react Needs change in react package labels Dec 23, 2022
@FlyersPh9 FlyersPh9 self-assigned this Feb 10, 2023
@FlyersPh9
Copy link
Collaborator Author

This component has been brought up 3 times by 3 different UX members in the past 2 weeks. This was ranked as one of the higher priorities by UX leads & this could help our devs achieve their own custom implementation of a more advanced column manager. Moving this one up in priority due to the demand.

@FlyersPh9 FlyersPh9 mentioned this issue Feb 10, 2023
Merged
@gretanausedaite
Copy link
Contributor

Adding mockup:
image

@mayank99
Copy link
Contributor

I think we should create a List component (#843) before we create a Listbox.

@gretanausedaite
Copy link
Contributor

Screenshot with desired functionality from UX team:
image

@adamhock adamhock added this to the React 3.0 milestone Jun 5, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@FlyersPh9 FlyersPh9

Labels
css Needs change in css package enhancement New feature or request good first issue Good for newcomers new component react Needs change in react package
Projects
None yet
Milestone
React 3.0
Development

Successfully merging a pull request may close this issue.

feat(TransferList): Add transfer list component iTwin/iTwinUI
4 participants
@FlyersPh9 @mayank99 @adamhock @gretanausedaite