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.

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

How do I hide the value field on a slider #8

Closed
cristianvogel opened this issue May 30, 2024 · 2 comments
Closed

How do I hide the value field on a slider #8

cristianvogel opened this issue May 30, 2024 · 2 comments
Assignees
Labels
enhancement New feature or request

Comments

@cristianvogel
Copy link

Excellent UI library and documentation, thankyou so much !

I just can't seem to do this simple thing, and that is to hide the value readout box next to a slider if necessary. Aplogies up front if I missed it and its really obvious.

@kitschpatrol
Copy link
Owner

kitschpatrol commented May 30, 2024

Hey Cristian, thanks for using the library!

Good question, to my knowledge there's not an "official" way to do this through the Tweakpane API, so I haven't exposed a prop for this.

But it looks like something that can be accomplished with CSS, so I'll look into that approach and see if I can add a prop for it to the <Slider> component.

I should have a minute to mess with this in the next few days.

@kitschpatrol kitschpatrol added the enhancement New feature or request label May 30, 2024
@kitschpatrol kitschpatrol self-assigned this May 30, 2024
kitschpatrol added a commit that referenced this issue May 31, 2024
…ts to hide number input text box. Addresses #8.
@kitschpatrol
Copy link
Owner

Ok, I added a wide prop to <Slider> and <SliderInterval> which hides the numeric input field when set to true.

It's named for consistency with a similar option included in the CameraKit plugin controls from the original Tweakpane author.

This is included in release v1.3.0.

Also added a demo to the documentation site.

Thanks for suggesting this!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants