| 12 |
- (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2d0f0c1b"],{"9e70":function(t,a,c){"use strict";c.r(a);var s=function(){var t=this,a=t.$createElement,c=t._self._c||a;return c("div",[c("CRow",[c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Radio switches "),c("CBadge",{staticClass:"mr-auto",attrs:{color:t.radio}},[t._v(t._s(t.radio))]),c("div",{staticClass:"card-header-actions"},[c("a",{staticClass:"card-header-action",attrs:{href:"https://coreui.io/vue/docs/components/switch",rel:"noreferrer noopener",target:"_blank"}},[c("small",{staticClass:"text-muted"},[t._v("docs")])])])],1),c("CCardBody",t._l(t.colors,(function(a,s){return c("CSwitch",t._b({key:"radio"+s,staticClass:"mx-1",attrs:{color:a,variant:"3d",type:"radio",name:"radio",checked:2===s,value:a},on:{"update:checked":function(c){return c?t.radio=a:null}}},"CSwitch",t.labelIcon,!1))})),1)],1)],1)],1),c("CRow",[c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch default "),c("CBadge",{attrs:{color:"primary"}},[t._v(t._s(t.checker))])],1),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",name:"switch1",checked:t.checker},on:{"update:checked":function(a){t.checker=a}}}),t._l(["secondary","success","warning","info","danger","light","dark"],(function(t,a){return c("CSwitch",{key:a,staticClass:"mx-1",attrs:{color:t,checked:""}})})),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",disabled:""}})],2)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch pills ")]),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"secondary",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"success",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"warning",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"info",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"danger",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"light",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"dark",checked:"",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",disabled:"",shape:"pill"}})],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" 3d Switch ")]),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"3d"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",disabled:"",variant:"3d"}})],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" 3d Switch "),c("small",[c("code",[t._v("disabled")])])]),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"3d",disabled:""}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",disabled:"",variant:"3d"}})],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" 3d Switch "),c("small",[c("code",[t._v("label")])])]),c("CCardBody",[c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",variant:"3d",shape:"square",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"3d"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"3d"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"3d"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"3d"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"3d"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"3d"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"3d"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",disabled:"",variant:"3d"}},"CSwitch",t.labelIcon,!1))],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('variant="outline"')])])]),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"outline"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",variant:"outline",disabled:""}})],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('variant="outline" shape="pill"')])])]),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"outline",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",variant:"outline",shape:"pill",disabled:""}})],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('variant="opposite"')])])]),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"opposite"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",variant:"opposite",disabled:""}})],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('variant="opposite" shape="pill"')])])]),c("CCardBody",[c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"opposite",shape:"pill"}}),c("CSwitch",{staticClass:"mx-1",attrs:{color:"primary",variant:"opposite",shape:"pill",disabled:""}})],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v("label")])])]),c("CCardBody",[c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"secondary",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"success",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"warning",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"info",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"danger",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"light",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"dark",checked:""}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",disabled:""}},"CSwitch",t.labelIcon,!1))],1)],1),t._v("shape ")],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('label shape="pill"')])])]),c("CCardBody",[c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"secondary",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"success",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"warning",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"info",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"danger",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"light",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"dark",checked:"",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",shape:"pill",disabled:""}},"CSwitch",t.labelIcon,!1))],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('label variant="outline"')])])]),c("CCardBody",[c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"outline"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",variant:"outline",disabled:""}},"CSwitch",t.labelIcon,!1))],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('label variant="outline"')])])]),c("CCardBody",[c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"outline",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",variant:"outline",shape:"pill",disabled:""}},"CSwitch",t.labelIcon,!1))],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('label variant="opposite"')])])]),c("CCardBody",[c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"opposite"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",variant:"opposite",disabled:""}},"CSwitch",t.labelIcon,!1))],1)],1)],1),c("CCol",{attrs:{xs:"12",md:"6"}},[c("CCard",[c("CCardHeader",[t._v(" Switch "),c("small",[c("code",[t._v('label variant="opposite"')])])]),c("CCardBody",[c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelTxt,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"secondary",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"success",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"warning",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"info",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"danger",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"light",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"dark",checked:"",variant:"opposite",shape:"pill"}},"CSwitch",t.labelIcon,!1)),c("CSwitch",t._b({staticClass:"mx-1",attrs:{color:"primary",variant:"opposite",shape:"pill",disabled:""}},"CSwitch",t.labelIcon,!1))],1)],1)],1),c("CCol",{attrs:{md:"12"}},[c("CCard",[c("CCardHeader",[t._v(" Sizes ")]),c("CCardBody",{staticClass:"p-0"},[c("CDataTable",{staticClass:"table-align-middle mb-0",attrs:{hover:"",striped:"",items:t.items,fields:t.fields,"no-sorting":""},scopedSlots:t._u([{key:"example",fn:function(t){var a=t.item;return[c("td",[c("CSwitch",{attrs:{variant:a.example.variant,color:a.example.color,size:a.example.size,checked:a.example.checked}})],1)]}},{key:"size_prop",fn:function(a){var s=a.item;return[c("td",[c("span",{domProps:{innerHTML:t._s(s.size_prop)}})])]}}])})],1)],1)],1)],1)],1)},i=[],l={name:"Switches",data:function(){return{colors:["primary","secondary","warning","success","info","danger","light","dark"],fields:[{key:"size"},{key:"example"},{key:"size_prop",label:"Size prop"}],items:[{size:"Large",example:{variant:"3d",color:"primary",size:"lg",checked:!0},size_prop:'Add following prop <code>size="lg"</code>'},{size:"Normal",example:{variant:"3d",color:"primary",size:"",checked:!0},size_prop:"-"},{size:"Small",example:{variant:"3d",color:"primary",size:"sm",checked:!0},size_prop:'Add following prop <code>size="sm"</code>'}],checker:!0,radio:"warning",labelIcon:{labelOn:"✓",labelOff:"✕"},labelTxt:{labelOn:"yes",labelOff:"no"}}}},e=l,r=c("2877"),o=Object(r["a"])(e,s,i,!1,null,null,null);a["default"]=o.exports}}]);
- //# sourceMappingURL=chunk-2d0f0c1b.50f392fb.js.map
|
