TouchSpin Tailwind - Complete Demo (RTL)

🎨 Interactive TouchSpin Demo

Adjust the settings in the right panel to see changes in real-time.

💻 Generated Code

Non-default settings only:

// Initializing...

📚 Static Examples

Pre-configured examples showing different TouchSpin configurations.

💰 Currency Example

📊 Vertical Buttons

🎯 Min/Max Boundary

⚙️ Settings

Configure demo instance

📊 Value & Range

Initial Value

Minimum

Maximum

Step

Decimal Places

First Click Value (if empty)

Replacement Value (when invalid)

Enable Boost Acceleration

Boostat (acceleration trigger)

Max Boosted Step

🎨 Appearance

Prefix

Postfix

Prefix Extra Class

Postfix Extra Class

🔘 Button Configuration

Button Up Text

Button Down Text

Button Up Class

Button Down Class

Vertical Buttons

Vertical Up Text

Vertical Down Text

Vertical Up Class

Vertical Down Class

⚡ Behavior

Force Step Divisibility

Step Interval (ms)

Step Interval Delay (ms)

Mouse Wheel Support

⌨️ Input Behavior

Focusable Buttons

Disabled

🔧 API Method Testing