TextSizeSlider

A simple and flexible slider component

Core Features

• Real-time text size adjustment via slider

• Optional value label (px) display

• Smooth and intuitive interaction

• Clean and minimal UI structure

Customization

• Text content and font selection

• Text color

• Min / Max / Default size control

• Step size adjustment for sensitivity

• Slider styles (track, fill, handle, height, radius)

• Layout controls (padding, gap, text area height, background)

Display Options

• Toggle value label (Show / Hide)

• Value label follows slider position dynamically

• Thumb remains visible independently of value label

Use Cases

• Accessibility controls (font size adjustment)

• Typography preview tools

• Design system demos

• Interactive UI showcases