import{Bt as e,It as t,Lt as n,Mt as r,Qt as i,Vt as a,Xt as o,qt as s}from"./index-qNrWYJXL.js";var c={};function l(r,c){let l=o(`DocsComponents`),u=o(`CCardHeader`),d=o(`CFormLabel`),f=o(`CFormRange`),p=o(`DocsExample`),m=o(`CCardBody`),h=o(`CCard`),g=o(`CCol`),_=o(`CRow`);return s(),n(_,null,{default:i(()=>[a(g,{xs:12},{default:i(()=>[a(l,{href:`forms/range.html`}),a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[0]||=[t(`strong`,null,`Vue Range`,-1),e(),t(`small`,null,null,-1)]]),_:1}),a(m,null,{default:i(()=>[c[2]||=t(`p`,{class:`text-body-secondary small`},[e(` Create custom `),t(`code`,null,``),e(` controls with `),t(`code`,null,``),e(`. `)],-1),a(p,{href:`forms/range.html`},{default:i(()=>[a(d,{for:`customRange1`},{default:i(()=>[...c[1]||=[e(`Example range`,-1)]]),_:1}),a(f,{id:`customRange1`})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[3]||=[t(`strong`,null,`Vue Range`,-1),e(),t(`small`,null,`Disabled`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[5]||=t(`p`,{class:`text-body-secondary small`},[e(` Add the `),t(`code`,null,`disabled`),e(` boolean attribute on an input to give it a grayed out appearance and remove pointer events. `)],-1),a(p,{href:`forms/range.html#disabled`},{default:i(()=>[a(d,{for:`disabledRange`},{default:i(()=>[...c[4]||=[e(`Disabled range`,-1)]]),_:1}),a(f,{id:`disabledRange`,disabled:``})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[6]||=[t(`strong`,null,`Vue Range`,-1),e(),t(`small`,null,`Min and max`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[8]||=t(`p`,{class:`text-body-secondary small`},[e(` Range inputs have implicit values for `),t(`code`,null,`min`),e(` and `),t(`code`,null,`max`),e(`— `),t(`code`,null,`0`),e(` and `),t(`code`,null,`100`),e(`, respectively. You may specify new values for those using the `),t(`code`,null,`min`),e(` and `),t(`code`,null,`max`),e(` attributes. `)],-1),a(p,{href:`forms/range.html#min-and-max`},{default:i(()=>[a(d,{for:`customRange2`},{default:i(()=>[...c[7]||=[e(`Example range`,-1)]]),_:1}),a(f,{id:`customRange2`,min:0,max:5,value:3})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[9]||=[t(`strong`,null,`Vue Range`,-1),e(),t(`small`,null,`Steps`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[11]||=t(`p`,{class:`text-body-secondary small`},[e(` By default, range inputs "snap" to integer values. To change this, you can specify a `),t(`code`,null,`step`),e(` value. In the example below, we double the number of steps by using `),t(`code`,null,`step="0.5"`),e(`. `)],-1),a(p,{href:`forms/range.html#steps`},{default:i(()=>[a(d,{for:`customRange3`},{default:i(()=>[...c[10]||=[e(`Example range`,-1)]]),_:1}),a(f,{id:`customRange3`,min:0,max:5,step:.5,value:3})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var u=r(c,[[`render`,l]]);export{u as default};