Input suggestions

[Gold240sx]

** Timestamp input **

Please build a video timestamp input to select a timestamp from a video (such as YouTube) with a max value (the value would be a parameter as the video length, optional). HH/MM/SS.

** Number input with buttons Accessibility **

The number input with Chevrons / number input with plus and minus buttons are great but can be difficult for users who need accessibility assistance. The buttons should at least have an option of being bigger to make it easier to change the number.

** Vertical Stepper **
(For multistep forms on mobile)

A vertical stepper bar which would be position fixed, with a scrollable body to the right for each step contents of the form. It would have numbers and bars between the numbers to indicate which step they were on. When clicked on would go to the step.
It would be interesting on how to/ where to place the labels.

Thanks!

[davidepacilio]

Hey @Gold240sx, thanks for contributing to the discussion! Could you please share a screenshot or image for each input you've suggested? This would really help us quickly understand and implement your ideas. Thanks again!

[Gold240sx]

Something like this... I really wasn't exactly sure how to do the timestamp one, but I think it'd be quite close to your current time inputs, just again meant to input a time associated with a video / song... Ohh, I forgot to add the video duration to that one too... Hope this helps.

[pasqualevitiello]

Hey @Gold240sx , thanks for the feedback. About the vertical stepper - it actually doesn't seem to be tied to inputs specifically - I mean, you can put any kind of content to the right of the stepper. Because of this, I think we should probably put this component in a different category. And for the timestamp input, what do you think about something like what's shown in the video below?

Screen.Recording.2024-10-31.at.09.44.23.mov

[Gold240sx]

Yeah that looks great! I still think an internal label may be easier to understand for the less tech savvy, but that is the component I was looking for.

[pasqualevitiello]

Cool, will add it next week!

[pasqualevitiello]

Added!

[Gold240sx]

The timestamp loos great! Nice job! From: Pasquale Vitiello ***@***.***> Date: Tuesday, November 5, 2024 at 2:35 AM To: origin-space/originui ***@***.***> Cc: Michael Martell ***@***.***>, Mention ***@***.***> Subject: Re: [origin-space/originui] Input suggestions (Discussion #25) Added! — Reply to this email directly, view it on GitHub<#25 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AWFDHR3H22VMG7T3DNXAADLZ7B7M7AVCNFSM6AAAAABQ433QRGVHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTCMJVGE3TGNI>. You are receiving this because you were mentioned.Message ID: ***@***.***>