slider · Admiral UI kit

Example

Retries

Laravel

<x-admin::slider name="g_retries" label="Retries" value="3" min="0" max="10" />

Props

Prop	Required	Default	Options
`name`		`null`
`label`		`null`
`hint`		`null`
`error`		`null`
`id`		`null`
`value`		`0`
`min`		`0`
`max`		`100`
`step`		`1`
`optional`		`false`

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Slider } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack

<div class="adm-field">
            <label class="adm-label" for="g_retries">Retries</label>
        <div class="adm-slider" data-adm-slider>
        <input type="range"  name="g_retries"   id="g_retries"  value="3" min="0" max="10" step="1"  >
        <output  for="g_retries" >3</output>
    </div>
        </div>