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
4.1 KiB
JavaScript
1 line
4.1 KiB
JavaScript
import{Bt as e,It as t,Lt as n,Qt as r,Vt as i,Xt as a,qt as o,tn as s}from"./index-qNrWYJXL.js";var c={style:{"min-height":`120px`}},l={__name:`Collapses`,setup(l){let u=s(!1),d=s(!1),f=s(!1),p=s(!1);return(s,l)=>{let m=a(`DocsComponents`),h=a(`CCardHeader`),g=a(`CButton`),_=a(`CCardBody`),v=a(`CCard`),y=a(`CCollapse`),b=a(`DocsExample`),x=a(`CCol`),S=a(`CRow`);return o(),n(S,null,{default:r(()=>[i(x,{xs:12},{default:r(()=>[i(m,{href:`components/collapse.html`}),i(v,{class:`mb-4`},{default:r(()=>[i(h,null,{default:r(()=>[...l[6]||=[t(`strong`,null,`Vue Collapse`,-1)]]),_:1}),i(_,null,{default:r(()=>[l[10]||=t(`p`,{class:`text-body-secondary small`},`You can use a link or a button component.`,-1),i(b,{href:`components/collapse.html#example`},{default:r(()=>[i(g,{color:`primary`,href:`#`,onClick:l[0]||=e=>u.value=!u.value},{default:r(()=>[...l[7]||=[e(`Link`,-1)]]),_:1}),i(g,{color:`primary`,onClick:l[1]||=e=>u.value=!u.value},{default:r(()=>[...l[8]||=[e(`Button`,-1)]]),_:1}),i(y,{visible:u.value},{default:r(()=>[i(v,{class:`mt-3`},{default:r(()=>[i(_,null,{default:r(()=>[...l[9]||=[e(` Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. `,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1}),i(v,{class:`mb-4`},{default:r(()=>[i(h,null,{default:r(()=>[...l[11]||=[t(`strong`,null,`Vue Collapse`,-1),e(),t(`small`,null,` Horizontal`,-1)]]),_:1}),i(_,null,{default:r(()=>[l[14]||=t(`p`,{class:`text-body-secondary small`},[e(` The collapse plugin also supports horizontal collapsing. Add the `),t(`code`,null,`horizontal`),e(` property to transition the `),t(`code`,null,`width`),e(` instead of `),t(`code`,null,`height`),e(` and set a `),t(`code`,null,`width`),e(` on the immediate child element. `)],-1),i(b,{href:`components/collapse.html#horizontal`},{default:r(()=>[i(g,{class:`mb-3`,color:`primary`,"aria-expanded":`{visible}`,"aria-controls":`collapseWidthExample`,onClick:l[2]||=e=>p.value=!p.value},{default:r(()=>[...l[12]||=[e(`Button`,-1)]]),_:1}),t(`div`,c,[i(y,{horizontal:``,visible:p.value},{default:r(()=>[i(v,{style:{width:`300px`}},{default:r(()=>[i(_,null,{default:r(()=>[...l[13]||=[e(` This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. `,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])])]),_:1})]),_:1})]),_:1}),i(v,{class:`mb-4`},{default:r(()=>[i(h,null,{default:r(()=>[...l[15]||=[t(`strong`,null,`Vue Collapse`,-1),e(),t(`small`,null,` multi target`,-1)]]),_:1}),i(_,null,{default:r(()=>[l[21]||=t(`p`,{class:`text-body-secondary small`},[e(` A `),t(`code`,null,`<CButton>`),e(` can show and hide multiple elements. `)],-1),l[22]||=t(`h4`,{class:`mt-4`},`Toggle multiple targets`,-1),i(b,{href:`components/collapse.html#multiple-targets`},{default:r(()=>[i(g,{color:`primary`,onClick:l[3]||=e=>d.value=!d.value},{default:r(()=>[...l[16]||=[e(`Toggle first element`,-1)]]),_:1}),i(g,{color:`primary`,onClick:l[4]||=e=>f.value=!f.value},{default:r(()=>[...l[17]||=[e(`Toggle second element`,-1)]]),_:1}),i(g,{color:`primary`,onClick:l[5]||=()=>{d.value=!d.value,f.value=!f.value}},{default:r(()=>[...l[18]||=[e(` Toggle both elements `,-1)]]),_:1}),i(S,null,{default:r(()=>[i(x,{xs:6},{default:r(()=>[i(y,{visible:d.value},{default:r(()=>[i(v,{class:`mt-3`},{default:r(()=>[i(_,null,{default:r(()=>[...l[19]||=[e(` Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. `,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1}),i(x,{xs:6},{default:r(()=>[i(y,{visible:f.value},{default:r(()=>[i(v,{class:`mt-3`},{default:r(()=>[i(_,null,{default:r(()=>[...l[20]||=[e(` Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. `,-1)]]),_:1})]),_:1})]),_:1},8,[`visible`])]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}}};export{l as default}; |