Thunkable Docs
Click here to build your own apps!
Drag and Drop docs
Snap to Place docs
Search…
Drag and Drop
👋
Welcome to Thunkable
👶
Getting Started
Signing In
Tutorials
Live Test your App
Your Thunkable Projects Page
🆕
Create New Project
Project Settings
Template Gallery
Assets
Figma Integration
🖼
Thunkable Sample Projects
🛠️ Components and Features
🔘
UI Components
Button
Label
Image
Text Input
List Viewer
Group
Web Viewer
Switch
Slider
Checkbox
Map
Animation by Lottie
Video
Loading Icon
Date Input
Time Input
PDF Reader
Rating
📊
Data Viewers
Data Viewer List
Data Viewer Grid
Data Sources
📐
Screens and Navigators
Top Tab Navigator
Bottom Tab Navigator
Drawer Navigator
Stack Navigator
Screen
💲
Monetization
Ads by AdMob
🎮
Gaming
Canvas
Sprites
Sprite Gallery
Canvas Label
🤖
Gaming Blocks 🎮
Events
Motion
Looks
Direction
Sensing
Add & Remove
Stage
Canvas Label
🤖
Core Blocks
Control
Logic
Math
Text
Lists
Color
Objects
Device
Variables
Functions
🌐
App Features
Gyroscope
Magnetometer
Accelerometer
Location Sensor
Speech
Sound
Share
Camera
Files
Email Sign In by Firebase
Push Notifications by One Signal
Alert
Timer
🚀
Advanced App Features
Web API
In-App Purchase
Bluetooth Low Energy
Assistant by Dialogflow
"Any Component" Blocks
🖥️ App Services & Emulators
🔒
App Data Privacy
➕
Duplicate your Project
📥
Download
📤
Share
📱
Publish
Publish to App Store (iOS)
Publish to Play Store (Android) with AAB
Publish as a Web App (PRO)
Generate Screenshots
🔎
Troubleshooting
💾
Managing Storage
📝
Bugs and Feature Requests
Powered By
GitBook
Slider
Slider Overview
The Slider is a great UI element to enable users easily select a value from a fixed range of values.
Properties
Slider
Property
Description
Data Type
Minimum Value
Minimum value the user can select. Must be less than Maximum Value.
Number
Maximum Value
Maximum value the user can select. Must be greater than Minimum Value.
Number
Value
Initial value of the Slider
Number
Step
Step between values on the Slider
Number
Minimum Track Tint Color
Color of Slider track between minimum value and current value
Color
Maximum Track Tint Color
Color of Slider track between current value and maximum value
Color
Thumb Tint Color
Color of the Slider thumb widget
Color
Disabled
Toggle whether value Switch can be changed by user
True/False
Layout
Property
Description
Data Type
X
Location of top left corner of Slider on X-axis, where the left hand side is X=0
Number
Y
Location of top left corner of Slider on Y-axis, where the top side is Y=0
Number
Height
Height of Slider in pixels
Number
Width
Width of Slider in pixels
Number
Visible
Toggle whether your end users can see the Slider
True/False
Style
Property
Description
Data Type
Border Width
Width of border around Slider in pixels
Number
Border Radius
Radius of corners of border on Slider in degrees
Number
Border Color
Color of border (only visible if border width > 0)
Color
Border Style
Set whether border style is solid, dotted or dashed (only visible if border width > 0)
Select from list
[solid, dotted, dashed]
Blocks
Events
On Value Change
Fires as the value of the slider changes. Returns the current value of the Slider.
On Sliding Complete
Fires when the user takes their thumb off the Slider. Returns the current value of the Slider.
Properties
Set and get the
properties
of the Slider.
Minimum Value
Maximum Value
Value
Step
Get Computed Height
Returns Height of the Slider in pixels as it appears on the screen.
Get Computed Width
Returns Width of the Slider in pixels as it appears on the screen.
Visible
Maximum Track Tint Color
Minimum Track Tint Color
Disabled
Thumb Tint Color
Previous
Switch
Next
Checkbox
Last modified
4mo ago
Export as PDF
Copy link
Contents
Slider Overview
Properties
Slider
Layout
Style
Blocks
Events
Properties