Slider

Lets a user choose a numeric value from a range.

Component Code

<april:slider aria-label="Volume" min="0" max="100" value="60" class="w-full max-w-md" />

The slider is a styled native range input. Use the standard range attributes to define its value and bounds.

<april:slider
    name="volume"
    aria-label="Volume"
    min="0"
    max="100"
    step="5"
    value="60"
/>

Native range input behavior and events remain available, including input and change.

Publishing Views

Use the following command to publish this view:

php artisan april:publish slider

April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run:

php artisan april:publish --all

Review local overrides after an upgrade with `php artisan april:update --diff`.