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
4 lines
14 KiB
JavaScript
4 lines
14 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={};function l(r,c){let l=o(`DocsComponents`),u=o(`CCardHeader`),d=o(`CButton`),f=o(`CButtonGroup`),p=o(`DocsExample`),m=o(`CCardBody`),h=o(`CCard`),g=o(`CCol`),_=o(`CFormCheck`),v=o(`CButtonToolbar`),y=o(`CInputGroupText`),b=o(`CFormInput`),x=o(`CInputGroup`),S=o(`CDropdownToggle`),C=o(`CDropdownItem`),w=o(`CDropdownDivider`),T=o(`CDropdownMenu`),E=o(`CDropdown`),D=o(`CRow`);return s(),n(D,null,{default:i(()=>[a(g,{xs:12},{default:i(()=>[a(l,{href:`components/button-group.html`}),a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[0]||=[t(`strong`,null,`Vue Button Group`,-1),e(),t(`span`,null,`Basic example`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[7]||=t(`p`,null,[e(` Wrap a series of `),t(`code`,null,`<CButton>`),e(` components in `),t(`code`,null,`<CButtonGroup>`),e(`. `)],-1),a(p,{href:`components/button-group.html`},{default:i(()=>[a(f,{role:`group`,"aria-label":`Basic example`},{default:i(()=>[a(d,{color:`primary`},{default:i(()=>[...c[1]||=[e(`Left`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[2]||=[e(`Middle`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[3]||=[e(`Right`,-1)]]),_:1})]),_:1})]),_:1}),c[8]||=t(`p`,null,[e(` These classes can also be added to groups of links, as an alternative to the `),t(`code`,null,`<CNav>`),e(` components. `)],-1),a(p,{href:`components/button-group.html`},{default:i(()=>[a(f,null,{default:i(()=>[a(d,{href:`#`,color:`primary`,active:``},{default:i(()=>[...c[4]||=[e(` Active link `,-1)]]),_:1}),a(d,{href:`#`,color:`primary`},{default:i(()=>[...c[5]||=[e(` Link `,-1)]]),_:1}),a(d,{href:`#`,color:`primary`},{default:i(()=>[...c[6]||=[e(` Link `,-1)]]),_:1})]),_:1})]),_: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 Button Group`,-1),e(),t(`span`,null,`Mixed styles`,-1)]]),_:1}),a(m,null,{default:i(()=>[a(p,{href:`components/button-group.html#mixed-styles`},{default:i(()=>[a(f,{role:`group`,"aria-label":`Basic mixed styles example`},{default:i(()=>[a(d,{color:`danger`},{default:i(()=>[...c[10]||=[e(`Left`,-1)]]),_:1}),a(d,{color:`warning`},{default:i(()=>[...c[11]||=[e(`Middle`,-1)]]),_:1}),a(d,{color:`success`},{default:i(()=>[...c[12]||=[e(`Right`,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[13]||=[t(`strong`,null,`Vue Button Group`,-1),e(),t(`span`,null,`Outlined styles`,-1)]]),_:1}),a(m,null,{default:i(()=>[a(p,{href:`components/button-group.html#outlined-styles`},{default:i(()=>[a(f,{role:`group`,"aria-label":`Basic outlined example`},{default:i(()=>[a(d,{color:`primary`,variant:`outline`},{default:i(()=>[...c[14]||=[e(` Left `,-1)]]),_:1}),a(d,{color:`primary`,variant:`outline`},{default:i(()=>[...c[15]||=[e(` Middle `,-1)]]),_:1}),a(d,{color:`primary`,variant:`outline`},{default:i(()=>[...c[16]||=[e(` Right `,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[17]||=[t(`strong`,null,`Vue Button Group`,-1),t(`span`,null,`Checkbox and radio button groups`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[18]||=t(`p`,null,` Combine button-like checkbox and radio toggle buttons into a seamless looking button group. `,-1),a(p,{href:`components/button-group.html#checkbox-and-radio-button-groups`},{default:i(()=>[a(f,{role:`group`,"aria-label":`Basic checkbox toggle button group`},{default:i(()=>[a(_,{id:`btncheck1`,button:{color:`primary`,variant:`outline`},autocomplete:`off`,label:`Checkbox 1`}),a(_,{id:`btncheck2`,button:{color:`primary`,variant:`outline`},autocomplete:`off`,label:`Checkbox 2`}),a(_,{id:`btncheck3`,button:{color:`primary`,variant:`outline`},autocomplete:`off`,label:`Checkbox 3`})]),_:1})]),_:1}),a(p,{href:`components/button-group.html#checkbox-and-radio-button-groups`},{default:i(()=>[a(f,{role:`group`,"aria-label":`Basic checkbox toggle button group`},{default:i(()=>[a(_,{id:`btnradio1`,type:`radio`,button:{color:`primary`,variant:`outline`},name:`btnradio`,autocomplete:`off`,label:`Radio 1`}),a(_,{id:`btnradio2`,type:`radio`,button:{color:`primary`,variant:`outline`},name:`btnradio`,autocomplete:`off`,label:`Radio 2`}),a(_,{id:`btnradio3`,type:`radio`,button:{color:`primary`,variant:`outline`},name:`btnradio`,autocomplete:`off`,label:`Radio 3`})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[19]||=[t(`strong`,null,`Vue Button Group`,-1),e(),t(`span`,null,`Button toolbar`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[38]||=t(`p`,null,` Join sets of button groups into button toolbars for more complicated components. Use utility classes as needed to space out groups, buttons, and more. `,-1),a(p,{href:`components/button-group.html#button-toolbar`},{default:i(()=>[a(v,{role:`group`,"aria-label":`Toolbar with button groups`},{default:i(()=>[a(f,{class:`me-2`,role:`group`,"aria-label":`First group`},{default:i(()=>[a(d,{color:`primary`},{default:i(()=>[...c[20]||=[e(`1`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[21]||=[e(`2`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[22]||=[e(`3`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[23]||=[e(`4`,-1)]]),_:1})]),_:1}),a(f,{class:`me-2`,role:`group`,"aria-label":`Second group`},{default:i(()=>[a(d,{color:`secondary`},{default:i(()=>[...c[24]||=[e(`5`,-1)]]),_:1}),a(d,{color:`secondary`},{default:i(()=>[...c[25]||=[e(`6`,-1)]]),_:1}),a(d,{color:`secondary`},{default:i(()=>[...c[26]||=[e(`7`,-1)]]),_:1})]),_:1}),a(f,{class:`me-2`,role:`group`,"aria-label":`Third group`},{default:i(()=>[a(d,{color:`info`},{default:i(()=>[...c[27]||=[e(`8`,-1)]]),_:1})]),_:1})]),_:1})]),_:1}),c[39]||=t(`p`,null,` Feel free to combine input groups with button groups in your toolbars. Similar to the example above, you’ll likely need some utilities through to space items correctly. `,-1),a(p,{href:`components/button-group.html#button-toolbar`},{default:i(()=>[a(v,{class:`mb-3`,role:`group`,"aria-label":`Toolbar with button groups`},{default:i(()=>[a(f,{class:`me-2`,role:`group`,"aria-label":`First group`},{default:i(()=>[a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[28]||=[e(` 1 `,-1)]]),_:1}),a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[29]||=[e(` 2 `,-1)]]),_:1}),a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[30]||=[e(` 3 `,-1)]]),_:1}),a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[31]||=[e(` 4 `,-1)]]),_:1})]),_:1}),a(x,null,{default:i(()=>[a(y,null,{default:i(()=>[...c[32]||=[e(`@`,-1)]]),_:1}),a(b,{placeholder:`Input group example`,"aria-label":`Input group example`,"aria-describedby":`btnGroupAddon`})]),_:1})]),_:1}),a(v,{class:`justify-content-between`,role:`group`,"aria-label":`Toolbar with button groups`},{default:i(()=>[a(f,{class:`me-2`,role:`group`,"aria-label":`First group`},{default:i(()=>[a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[33]||=[e(` 1 `,-1)]]),_:1}),a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[34]||=[e(` 2 `,-1)]]),_:1}),a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[35]||=[e(` 3 `,-1)]]),_:1}),a(d,{color:`secondary`,variant:`outline`},{default:i(()=>[...c[36]||=[e(` 4 `,-1)]]),_:1})]),_:1}),a(x,null,{default:i(()=>[a(y,null,{default:i(()=>[...c[37]||=[e(`@`,-1)]]),_:1}),a(b,{placeholder:`Input group example`,"aria-label":`Input group example`,"aria-describedby":`btnGroupAddon`})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[40]||=[t(`strong`,null,`Vue Button Group`,-1),e(),t(`span`,null,`Sizing`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[52]||=t(`p`,null,[e(` Alternatively, of implementing button sizing classes to each button in a group, set `),t(`code`,null,`size`),e(` property to all `),t(`code`,null,`<CButtonGroup>`),e(`'s, including each one when nesting multiple groups. `)],-1),a(p,{href:`components/button-group.html#sizing`},{default:i(()=>[a(f,{size:`lg`,role:`group`,"aria-label":`Large button group`},{default:i(()=>[a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[41]||=[e(` Left `,-1)]]),_:1}),a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[42]||=[e(` Middle `,-1)]]),_:1}),a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[43]||=[e(` Right `,-1)]]),_:1})]),_:1}),c[50]||=t(`br`,null,null,-1),a(f,{role:`group`,"aria-label":`Default button group`},{default:i(()=>[a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[44]||=[e(` Left `,-1)]]),_:1}),a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[45]||=[e(` Middle `,-1)]]),_:1}),a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[46]||=[e(` Right `,-1)]]),_:1})]),_:1}),c[51]||=t(`br`,null,null,-1),a(f,{size:`sm`,role:`group`,"aria-label":`Small button group`},{default:i(()=>[a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[47]||=[e(` Left `,-1)]]),_:1}),a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[48]||=[e(` Middle `,-1)]]),_:1}),a(d,{color:`dark`,variant:`outline`},{default:i(()=>[...c[49]||=[e(` Right `,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[53]||=[t(`strong`,null,`Vue Button Group`,-1),e(),t(`span`,null,`Nesting`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[61]||=t(`p`,{class:`text-body-secondary small`},[e(` Put a `),t(`code`,null,`<CButtonGroup>`),e(` inside another `),t(`code`,null,`<CButtonGroup>`),e(` when you need dropdown menus combined with a series of buttons. `)],-1),a(p,{href:`components/button-group.html#nesting`},{default:i(()=>[a(f,{role:`group`,"aria-label":`Button group with nested dropdown`},{default:i(()=>[a(d,{color:`primary`},{default:i(()=>[...c[54]||=[e(`1`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[55]||=[e(`2`,-1)]]),_:1}),a(E,{variant:`btn-group`},{default:i(()=>[a(S,{color:`primary`},{default:i(()=>[...c[56]||=[e(`Dropdown`,-1)]]),_:1}),a(T,null,{default:i(()=>[a(C,{href:`#`},{default:i(()=>[...c[57]||=[e(`Action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[58]||=[e(`Another action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[59]||=[e(`Something else here`,-1)]]),_:1}),a(w),a(C,{href:`#`},{default:i(()=>[...c[60]||=[e(`Separated link`,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(g,{xs:12},{default:i(()=>[a(h,{class:`mb-4`},{default:i(()=>[a(u,null,{default:i(()=>[...c[62]||=[t(`strong`,null,`Vue Button Group`,-1),e(),t(`span`,null,`Vertical variation`,-1)]]),_:1}),a(m,null,{default:i(()=>[c[94]||=t(`p`,{class:`text-body-secondary small`},[e(` Create a set of buttons that appear vertically stacked rather than horizontally. `),t(`strong`,null,`Split button dropdowns are not supported here.`)],-1),a(p,{href:`components/button-group.html/#vertical-variation`},{default:i(()=>[a(f,{vertical:``,role:`group`,"aria-label":`Vertical button group`},{default:i(()=>[a(d,{color:`dark`},{default:i(()=>[...c[63]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`dark`},{default:i(()=>[...c[64]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`dark`},{default:i(()=>[...c[65]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`dark`},{default:i(()=>[...c[66]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`dark`},{default:i(()=>[...c[67]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`dark`},{default:i(()=>[...c[68]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`dark`},{default:i(()=>[...c[69]||=[e(`Button`,-1)]]),_:1})]),_:1})]),_:1}),a(p,{href:`components/button-group.html/#vertical-variation`},{default:i(()=>[a(f,{vertical:``,role:`group`,"aria-label":`Vertical button group`},{default:i(()=>[a(d,{color:`primary`},{default:i(()=>[...c[70]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[71]||=[e(`Button`,-1)]]),_:1}),a(E,{variant:`btn-group`},{default:i(()=>[a(S,{color:`primary`},{default:i(()=>[...c[72]||=[e(`Dropdown`,-1)]]),_:1}),a(T,null,{default:i(()=>[a(C,{href:`#`},{default:i(()=>[...c[73]||=[e(`Action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[74]||=[e(`Another action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[75]||=[e(`Something else here`,-1)]]),_:1}),a(w),a(C,{href:`#`},{default:i(()=>[...c[76]||=[e(`Separated link`,-1)]]),_:1})]),_:1})]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[77]||=[e(`Button`,-1)]]),_:1}),a(d,{color:`primary`},{default:i(()=>[...c[78]||=[e(`Button`,-1)]]),_:1}),a(E,{variant:`btn-group`},{default:i(()=>[a(S,{color:`primary`},{default:i(()=>[...c[79]||=[e(`Dropdown`,-1)]]),_:1}),a(T,null,{default:i(()=>[a(C,{href:`#`},{default:i(()=>[...c[80]||=[e(`Action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[81]||=[e(`Another action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[82]||=[e(`Something else here`,-1)]]),_:1}),a(w),a(C,{href:`#`},{default:i(()=>[...c[83]||=[e(`Separated link`,-1)]]),_:1})]),_:1})]),_:1}),a(E,{variant:`btn-group`},{default:i(()=>[a(S,{color:`primary`},{default:i(()=>[...c[84]||=[e(`Dropdown`,-1)]]),_:1}),a(T,null,{default:i(()=>[a(C,{href:`#`},{default:i(()=>[...c[85]||=[e(`Action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[86]||=[e(`Another action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[87]||=[e(`Something else here`,-1)]]),_:1}),a(w),a(C,{href:`#`},{default:i(()=>[...c[88]||=[e(`Separated link`,-1)]]),_:1})]),_:1})]),_:1}),a(E,{variant:`btn-group`},{default:i(()=>[a(S,{color:`primary`},{default:i(()=>[...c[89]||=[e(`Dropdown`,-1)]]),_:1}),a(T,null,{default:i(()=>[a(C,{href:`#`},{default:i(()=>[...c[90]||=[e(`Action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[91]||=[e(`Another action`,-1)]]),_:1}),a(C,{href:`#`},{default:i(()=>[...c[92]||=[e(`Something else here`,-1)]]),_:1}),a(w),a(C,{href:`#`},{default:i(()=>[...c[93]||=[e(`Separated link`,-1)]]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),a(p,{href:`components/button-group.html/#vertical-variation`},{default:i(()=>[a(f,{vertical:``,role:`group`,"aria-label":`Vertical button group`},{default:i(()=>[a(_,{id:`vbtnradio1`,type:`radio`,button:{color:`danger`,variant:`outline`},name:`vbtnradio`,autocomplete:`off`,label:`Radio
|
||
1`,checked:``}),a(_,{id:`vbtnradio2`,type:`radio`,button:{color:`danger`,variant:`outline`},name:`vbtnradio`,autocomplete:`off`,label:`Radio
|
||
2`}),a(_,{id:`vbtnradio3`,type:`radio`,button:{color:`danger`,variant:`outline`},name:`vbtnradio`,autocomplete:`off`,label:`Radio
|
||
3`})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})}var u=r(c,[[`render`,l]]);export{u as default}; |