Line slider

This component features a slider with multiple lines, each designed to expand and change color on hover. The approach involves using a hidden radio input inside each line, styled with Tailwind CSS for a interactive effect. By utilizing CSS for hover effects and dynamic width adjustments, it avoids using JavaScript logic.