Content Editor Components - Slider #2896
-
|
Hey team! Sliders are alllllll over the place in the Image Editor I'm about to start Pastify-ing as part of the Content Editor work, and I wanted to add some additional weight behind this request and learn more about how I can help, and if there's anything in the works I can build from.
Thank you! cc: @brannytempy |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 13 replies
-
|
@ceyerkes So, the slider is in our backlog, but not on our roadmap for Q1 at this time. Our stance so far, until we have a Paste component in place, has been “do what you used to do”. From the looks of the design, you may be able to use text inputs to allow the user to input information, especially if it’s an MVP. Another option is to style a native HTML element to look like Paste in code. If you want to use a well built primitive, check out how Adobe Spectrum does this for their slider component, then also style it to look like Paste! Let us know if you more questions or what you decide to do, best of luck! |
Beta Was this translation helpful? Give feedback.
-
|
Thanks @kelseycavitt! I'm going to use this little -/+ input for now, but happy to swap it out when something better becomes available.
|
Beta Was this translation helpful? Give feedback.
-
|
After chatting it over with my PM, I'm hoping to move towards something like this input:
It feels cleaner and more contained, but would love some async feedback whenever makes sense. Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
I agree with you @ceyerkes I prefer the second option! The up and down arrows feel like they hold the same significance as the percentage amount, and that's not the case. I like the second option because it simplifies the use of the shapes and something as simple as a percentage field isn't very long, so could get away with putting the arrows in the same field container. |
Beta Was this translation helpful? Give feedback.
-
|
This input is in almost every module:
And many modules would gain valuable vertical space by placing 2 inputs side by side:
|
Beta Was this translation helpful? Give feedback.
-
|
What's the interaction on the inputs? Does clicking the up or down arrow change the input value? |
Beta Was this translation helpful? Give feedback.
-
|
Yes - clicking up or down changes the input value. |
Beta Was this translation helpful? Give feedback.
-
|
Sorry - i think i'm confusing things by conflating the slider and the other number inputs. The 3 button +/- input will probably work for the image editor stuff, but I'm also trying to figure out inputs for padding and other incremental # inputs. To make it even more complicated, some require a reset button. This might be better discussed in person during office hours or our next sync? |
Beta Was this translation helpful? Give feedback.
-
|
argh, shouldn't have removed our sync for this week. I'll add one back for tomorrow—let's chat then. |
Beta Was this translation helpful? Give feedback.
@ceyerkes So, the slider is in our backlog, but not on our roadmap for Q1 at this time.
Our stance so far, until we have a Paste component in place, has been “do what you used to do”. From the looks of the design, you may be able to use text inputs to allow the user to input information, especially if it’s an MVP. Another option is to style a native HTML element to look like Paste in code. If you want to use a well built primitive, check out how Adobe Spectrum does this for their slider component, then also style it to look like Paste!
Let us know if you more questions or what you decide to do, best of luck!