| 12 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d222779"],{cf77:function(t,o,r){"use strict";r.r(o);var s=function(){var t=this,o=t.$createElement,r=t._self._c||o;return r("CRow",[r("CCol",{attrs:{col:"12"}},[r("CCard",[r("CCardHeader",[r("CIcon",{attrs:{name:"cil-justify-center"}}),r("strong",[t._v(" Bootstrap button group")]),r("div",{staticClass:"card-header-actions"},[r("a",{staticClass:"card-header-action",attrs:{href:"https://coreui.io/vue/docs/components/button-components",rel:"noreferrer noopener",target:"_blank"}},[r("small",{staticClass:"text-muted"},[t._v("docs")])])])],1),r("CCardBody",[r("div",[r("CButtonGroup",[r("CButton",{attrs:{color:"secondary"}},[t._v("One")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Two")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Three")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Four")]),r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"secondary"}},[t._v("Five")])],1),r("br"),r("br"),r("CButtonGroup",[r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"success"}},[t._v("Success")]),r("CButton",{attrs:{color:"info"}},[t._v("Info")]),r("CButton",{attrs:{color:"warning"}},[t._v("Warn")]),r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"primary"}},[t._v("Primary")]),r("CButton",{attrs:{color:"danger"}},[t._v("Danger")]),r("CButton",{attrs:{color:"link"}},[t._v("Link")])],1)],1)])],1)],1),r("CCol",{attrs:{col:"12"}},[r("CCard",[r("CCardHeader",[r("CIcon",{attrs:{name:"cil-justify-center"}}),r("strong",[t._v(" Button group ")]),t._v("sizing ")],1),r("CCardBody",[r("div",[r("CButtonGroup",[r("CButton",{attrs:{color:"secondary"}},[t._v("Left")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Middle")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Right")])],1),r("br"),r("br"),r("CButtonGroup",{attrs:{size:"sm"}},[r("CButton",{attrs:{color:"secondary"}},[t._v("Left")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Middle")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Right")])],1),r("br"),r("br"),r("CButtonGroup",{attrs:{size:"lg"}},[r("CButton",{attrs:{color:"secondary"}},[t._v("Left")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Middle")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Right")])],1)],1)])],1)],1),r("CCol",{attrs:{col:"12"}},[r("CCard",[r("CCardHeader",[r("CIcon",{attrs:{name:"cil-justify-center"}}),r("strong",[t._v(" Button group ")]),t._v("dropdown support ")],1),r("CCardBody",[r("div",[r("CButtonGroup",[r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"secondary"}},[t._v("Button 1")]),r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"secondary"}},[t._v("Button 2")]),r("CDropdown",{attrs:{right:"",text:"Menu",color:"success"}},[r("CDropdownItem",[t._v("Item 1")]),r("CDropdownItem",[t._v("Item 2")]),r("CDropdownDivider"),r("CDropdownItem",[t._v("Item 3")])],1),r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"secondary"}},[t._v("Button 3")]),r("CDropdown",{attrs:{right:"",split:"",text:"Split Menu",color:"info"}},[r("CDropdownItem",[t._v("Item 1")]),r("CDropdownItem",[t._v("Item 2")]),r("CDropdownDivider"),r("CDropdownItem",[t._v("Item 3")])],1)],1)],1)])],1)],1),r("CCol",{attrs:{col:"12"}},[r("CCard",[r("CCardHeader",[r("CIcon",{attrs:{name:"cil-justify-center"}}),r("strong",[t._v(" Button group ")]),t._v("vertical variation ")],1),r("CCardBody",[r("div",[r("CButtonGroup",{attrs:{vertical:""}},[r("CButton",{attrs:{color:"secondary"}},[t._v("Top")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Middle")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Bottom")])],1)],1)])],1)],1),r("CCol",{attrs:{col:"12"}},[r("CCard",[r("CCardHeader",[r("CIcon",{attrs:{name:"cil-justify-center"}}),r("strong",[t._v(" Button toolbar ")]),r("small",[t._v("with button groups")])],1),r("CCardBody",[r("CButtonToolbar",{attrs:{"aria-label":"Toolbar with button groups"}},[r("CButtonGroup",{staticClass:"mx-1"},[r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"secondary"}},[t._v("«")]),r("CButton",{attrs:{color:"secondary"}},[t._v("‹")])],1),r("CButtonGroup",{staticClass:"mx-1"},[r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"secondary"}},[t._v("Edit")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Undo")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Redo")])],1),r("CButtonGroup",{staticClass:"mx-1"},[r("CButton",{attrs:{color:"secondary"}},[t._v("›")]),r("CButton",{staticClass:"d-sm-down-none",attrs:{color:"secondary"}},[t._v("»")])],1)],1),r("hr",{staticClass:"d-sm-down-none"}),r("CButtonToolbar",{staticClass:"d-sm-down-none",attrs:{"aria-label":"Toolbar with button groups and input groups"}},[r("CButtonGroup",{staticClass:"mx-1",attrs:{size:"sm"}},[r("CButton",{attrs:{color:"secondary"}},[t._v("New")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Edit")])],1),r("CInput",{staticClass:"mb-0 w-25 mx-1",attrs:{size:"sm",append:".00",value:"100",prepend:"$"}}),r("CSelect",{staticClass:"mb-0 w-25 mx-1",attrs:{size:"sm",value:"Medium",options:["Large","Medium","Small"],custom:"",prepend:"Size"}}),r("CButtonGroup",{staticClass:"mx-1",attrs:{size:"sm"}},[r("CButton",{attrs:{color:"secondary"}},[t._v("Save")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Cancel")])],1)],1),r("hr"),r("CButtonToolbar",{attrs:{"aria-label":"Toolbar with button groups and dropdown menu"}},[r("CButtonGroup",{staticClass:"mx-1 d-sm-down-none"},[r("CButton",{attrs:{color:"secondary"}},[t._v("New")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Edit")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Undo")])],1),r("CDropdown",{staticClass:"mx-1",attrs:{color:"secondary",placement:"bottom-end","button-content":"Menu"}},[r("CDropdownItem",[t._v("Item 1")]),r("CDropdownItem",[t._v("Item 2")]),r("CDropdownItem",[t._v("Item 3")])],1),r("CButtonGroup",{staticClass:"mx-1"},[r("CButton",{attrs:{color:"secondary"}},[t._v("Save")]),r("CButton",{attrs:{color:"secondary"}},[t._v("Cancel")])],1)],1)],1)],1)],1)],1)},n=[],a={name:"ButtonGroups"},e=a,c=r("2877"),C=Object(c["a"])(e,s,n,!1,null,null,null);o["default"]=C.exports}}]);
- //# sourceMappingURL=chunk-2d222779.0ac644b9.js.map
|
