sean
d26db06f74
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled
1 line
6.7 KiB
JavaScript
1 line
6.7 KiB
JavaScript
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={},l={class:`mb-3`},u={class:`mb-3`},d={class:`col-sm-10`},f={class:`col-sm-10`},p={class:`col-auto`},m={class:`col-auto`},h={class:`col-auto`},g={class:`mb-3`},_={class:`mb-3`},v={class:`mb-3`},y={class:`mb-3`};function b(r,c){let b=o(`DocsComponents`),x=o(`CCardHeader`),S=o(`CFormLabel`),C=o(`CFormInput`),w=o(`CFormTextarea`),T=o(`CForm`),E=o(`DocsExample`),D=o(`CCardBody`),O=o(`CCard`),k=o(`CCol`),A=o(`CRow`),j=o(`CButton`);return s(),n(A,null,{default:i(()=>[a(k,{xs:12},{default:i(()=>[a(b,{href:`forms/form-control.html`}),a(O,{class:`mb-4`},{default:i(()=>[a(x,null,{default:i(()=>[...c[0]||=[t(`strong`,null,`Vue Form Control`,-1)]]),_:1}),a(D,null,{default:i(()=>[a(E,{href:`forms/form-control.html`},{default:i(()=>[a(T,null,{default:i(()=>[t(`div`,l,[a(S,{for:`exampleFormControlInput1`},{default:i(()=>[...c[1]||=[e(`Email address`,-1)]]),_:1}),a(C,{id:`exampleFormControlInput1`,type:`email`,placeholder:`name@example.com`})]),t(`div`,u,[a(S,{for:`exampleFormControlTextarea1`},{default:i(()=>[...c[2]||=[e(`Example textarea`,-1)]]),_:1}),a(w,{id:`exampleFormControlTextarea1`,rows:`3`})])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(k,{xs:12},{default:i(()=>[a(O,{class:`mb-4`},{default:i(()=>[a(x,null,{default:i(()=>[...c[3]||=[t(`strong`,null,`Vue Form Control`,-1),e(),t(`small`,null,`Sizing`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[6]||=t(`p`,{class:`text-body-secondary small`},[e(` Set heights using `),t(`code`,null,`size`),e(` property like `),t(`code`,null,`size="lg"`),e(` and `),t(`code`,null,`size="sm"`),e(`. `)],-1),a(E,{href:`forms/form-control.html#sizing`},{default:i(()=>[a(C,{type:`text`,size:`lg`,placeholder:`Large input`,"aria-label":`lg input example`}),c[4]||=t(`br`,null,null,-1),a(C,{type:`text`,placeholder:`Default input`,"aria-label":`default input example`}),c[5]||=t(`br`,null,null,-1),a(C,{type:`text`,size:`sm`,placeholder:`Small input`,"aria-label":`sm input example`})]),_:1})]),_:1})]),_:1})]),_:1}),a(k,{xs:12},{default:i(()=>[a(O,{class:`mb-4`},{default:i(()=>[a(x,null,{default:i(()=>[...c[7]||=[t(`strong`,null,`Vue Form Control`,-1),e(),t(`small`,null,`Disabled`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[10]||=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(E,{href:`forms/form-control.html#disabled`},{default:i(()=>[a(C,{type:`text`,placeholder:`Disabled input`,"aria-label":`Disabled input example`,disabled:``}),c[8]||=t(`br`,null,null,-1),a(C,{type:`text`,placeholder:`Disabled readonly input`,"aria-label":`Disabled input example`,disabled:``,readonly:``}),c[9]||=t(`br`,null,null,-1)]),_:1})]),_:1})]),_:1})]),_:1}),a(k,{xs:12},{default:i(()=>[a(O,{class:`mb-4`},{default:i(()=>[a(x,null,{default:i(()=>[...c[11]||=[t(`strong`,null,`Vue Form Control`,-1),e(),t(`small`,null,`Readonly`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[12]||=t(`p`,{class:`text-body-secondary small`},[e(` Add the `),t(`code`,null,`readonly`),e(` boolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor. `)],-1),a(E,{href:`forms/form-control.html#readonly`},{default:i(()=>[a(C,{type:`text`,placeholder:`Readonly input here...`,"aria-label":`readonly input example`,readonly:``})]),_:1})]),_:1})]),_:1})]),_:1}),a(k,{xs:12},{default:i(()=>[a(O,{class:`mb-4`},{default:i(()=>[a(x,null,{default:i(()=>[...c[13]||=[t(`strong`,null,`Vue Form Control`,-1),e(),t(`small`,null,`Readonly plain text`,-1)]]),_:1}),a(D,null,{default:i(()=>[c[19]||=t(`p`,{class:`text-body-secondary small`},[e(` If you want to have `),t(`code`,null,`<input readonly>`),e(` elements in your form styled as plain text, use the `),t(`code`,null,`plain-text`),e(` boolean property to remove the default form field styling and preserve the correct margin and padding. `)],-1),a(E,{href:`forms/form-control.html#readonly-plain-text`},{default:i(()=>[a(A,{class:`mb-3`},{default:i(()=>[a(S,{for:`staticEmail`,class:`col-sm-2 col-form-label`},{default:i(()=>[...c[14]||=[e(` Email `,-1)]]),_:1}),t(`div`,d,[a(C,{id:`staticEmail`,type:`text`,value:`email@example.com`,readonly:``,"plain-text":``})])]),_:1}),a(A,{class:`mb-3`},{default:i(()=>[a(S,{for:`inputPassword`,class:`col-sm-2 col-form-label`},{default:i(()=>[...c[15]||=[e(` Password `,-1)]]),_:1}),t(`div`,f,[a(C,{id:`inputPassword`,type:`password`})])]),_:1})]),_:1}),a(E,{href:`forms/form-control.html#readonly-plain-text`},{default:i(()=>[a(T,{class:`row g-3`},{default:i(()=>[t(`div`,p,[a(S,{for:`staticEmail2`,class:`visually-hidden`},{default:i(()=>[...c[16]||=[e(` Email `,-1)]]),_:1}),a(C,{id:`staticEmail2`,type:`text`,value:`email@example.com`,readonly:``,"plain-text":``})]),t(`div`,m,[a(S,{for:`inputPassword2`,class:`visually-hidden`},{default:i(()=>[...c[17]||=[e(` Password `,-1)]]),_:1}),a(C,{id:`inputPassword2`,type:`password`,placeholder:`Password`})]),t(`div`,h,[a(j,{type:`submit`,class:`mb-3`},{default:i(()=>[...c[18]||=[e(` Confirm identity `,-1)]]),_:1})])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(k,{xs:12},{default:i(()=>[a(O,{class:`mb-4`},{default:i(()=>[a(x,null,{default:i(()=>[...c[20]||=[t(`strong`,null,`Vue Form Control`,-1),e(),t(`small`,null,`File input`,-1)]]),_:1}),a(D,null,{default:i(()=>[a(E,{href:`forms/form-control.html#file-input`},{default:i(()=>[t(`div`,g,[a(S,{for:`formFile`},{default:i(()=>[...c[21]||=[e(`Default file input example`,-1)]]),_:1}),a(C,{id:`formFile`,type:`file`})]),t(`div`,_,[a(S,{for:`formFileMultiple`},{default:i(()=>[...c[22]||=[e(`Multiple files input example`,-1)]]),_:1}),a(C,{id:`formFileMultiple`,type:`file`,multiple:``})]),t(`div`,v,[a(S,{for:`formFileDisabled`},{default:i(()=>[...c[23]||=[e(`Disabled file input example`,-1)]]),_:1}),a(C,{id:`formFileDisabled`,type:`file`,disabled:``})]),t(`div`,y,[a(S,{for:`formFileSm`},{default:i(()=>[...c[24]||=[e(`Small file input example`,-1)]]),_:1}),a(C,{id:`formFileSm`,type:`file`,size:`sm`})]),t(`div`,null,[a(S,{for:`formFileLg`},{default:i(()=>[...c[25]||=[e(`Large file input example`,-1)]]),_:1}),a(C,{id:`formFileLg`,type:`file`,size:`lg`})])]),_:1})]),_:1})]),_:1})]),_:1}),a(k,{xs:12},{default:i(()=>[a(O,{class:`mb-4`},{default:i(()=>[a(x,null,{default:i(()=>[...c[26]||=[t(`strong`,null,`Vue Form Control`,-1),e(),t(`small`,null,`Color`,-1)]]),_:1}),a(D,null,{default:i(()=>[a(E,{href:`forms/form-control.html#color`},{default:i(()=>[a(S,{for:`exampleColorInput`},{default:i(()=>[...c[27]||=[e(`Color picker`,-1)]]),_:1}),a(C,{id:`exampleColorInput`,type:`color`,value:`#563d7c`,title:`Choose your color`})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var x=r(c,[[`render`,b]]);export{x as default}; |