(window["webpackJsonp"] = window["webpackJsonp"] || []).push([[33],{ /***/ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/buttons/StandardButtons.vue?vue&type=script&lang=js&": /*!*********************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib??ref--4-0!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/buttons/StandardButtons.vue?vue&type=script&lang=js& ***! \*********************************************************************************************************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // // /* harmony default export */ __webpack_exports__["default"] = ({ name: 'StandardButtons', data: function data() { return { togglePress: false }; } }); /***/ }), /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/buttons/StandardButtons.vue?vue&type=template&id=5ea59788&": /*!*************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/src/views/buttons/StandardButtons.vue?vue&type=template&id=5ea59788& ***! \*************************************************************************************************************************************************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "render", function() { return render; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; }); var render = function() { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h return _c( "div", [ _c( "CCard", [ _c("CCardHeader", [ _c("strong", [_vm._v("Standard buttons")]), _vm._v(" "), _c("div", { staticClass: "card-header-actions" }, [ _c( "a", { staticClass: "card-header-action", attrs: { href: "https://coreui.io/vue/docs/components/button-components", rel: "noreferrer noopener", target: "_blank" } }, [_c("small", { staticClass: "text-muted" }, [_vm._v("docs")])] ) ]) ]), _vm._v(" "), _c( "CCardBody", [ _c( "CRow", { staticClass: "align-items-center" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Normal\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "primary" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "secondary" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "success" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "warning" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c("CButton", { attrs: { block: "", color: "danger" } }, [ _vm._v("Danger") ]) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c("CButton", { attrs: { block: "", color: "info" } }, [ _vm._v("Info") ]) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c("CButton", { attrs: { block: "", color: "light" } }, [ _vm._v("Light") ]) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c("CButton", { attrs: { block: "", color: "dark" } }, [ _vm._v("Dark") ]) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c("CButton", { attrs: { block: "", color: "link" } }, [ _vm._v("Link") ]) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Active State\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "primary", "aria-pressed": "true" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "secondary", "aria-pressed": "true" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "success", "aria-pressed": "true" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "warning", "aria-pressed": "true" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "danger", "aria-pressed": "true" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "info", "aria-pressed": "true" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "light", "aria-pressed": "true" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "dark", "aria-pressed": "true" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "link", "aria-pressed": "true" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Disabled\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "primary", disabled: "" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "secondary", disabled: "" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "success", disabled: "" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "warning", disabled: "" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "danger", disabled: "" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "info", disabled: "" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "light", disabled: "" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "dark", disabled: "" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "link", disabled: "" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCard", [ _c("CCardHeader", [_c("strong", [_vm._v("Outline Buttons")])]), _vm._v(" "), _c( "CCardBody", [ _c("p", [ _vm._v("\n Use "), _c("code", [_vm._v('variant="outline"')]), _vm._v(" prop\n ") ]), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Normal\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "primary" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "secondary" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "success" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "warning" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "danger" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "info" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "light" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "dark" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c("CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Active State\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "primary", "aria-pressed": "true" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "secondary", "aria-pressed": "true" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "success", "aria-pressed": "true" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "warning", "aria-pressed": "true" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "danger", "aria-pressed": "true" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "info", "aria-pressed": "true" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "light", "aria-pressed": "true" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "outline", color: "dark", "aria-pressed": "true" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c("CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Disabled\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "primary", disabled: "" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "secondary", disabled: "" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "success", disabled: "" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "warning", disabled: "" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "danger", disabled: "" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "info", disabled: "" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "light", disabled: "" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "outline", color: "dark", disabled: "" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c("CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCard", [ _c("CCardHeader", [_c("strong", [_vm._v("Ghost Buttons")])]), _vm._v(" "), _c( "CCardBody", [ _c("p", [ _vm._v("\n Use\n "), _c("code", [_vm._v('variant="ghost"')]), _vm._v(" prop for ghost buttons.\n ") ]), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Normal\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "primary" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "secondary" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "success" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "warning" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "danger" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "info" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "light" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "dark" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c("CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Active State\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "primary", "aria-pressed": "true" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "secondary", "aria-pressed": "true" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "success", "aria-pressed": "true" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "warning", "aria-pressed": "true" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "danger", "aria-pressed": "true" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "info", "aria-pressed": "true" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "light", "aria-pressed": "true" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", pressed: "", variant: "ghost", color: "dark", "aria-pressed": "true" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c("CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Disabled\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "primary", disabled: "" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "secondary", disabled: "" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "success", disabled: "" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "warning", disabled: "" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "danger", disabled: "" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "info", disabled: "" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "light", disabled: "" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", variant: "ghost", color: "dark", disabled: "" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c("CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCard", [ _c("CCardHeader", [_c("strong", [_vm._v("Square Buttons")])]), _vm._v(" "), _c( "CCardBody", [ _c("p", [ _vm._v("\n Use\n "), _c("code", [_vm._v("square")]), _vm._v(" prop for square buttons.\n ") ]), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Normal\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "primary", square: "" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "secondary", square: "" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "success", square: "" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "warning", square: "" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "danger", square: "" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "info", square: "" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "light", square: "" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "dark", square: "" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "link", square: "" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Active State\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "primary", square: "", "aria-pressed": "true" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "secondary", square: "", "aria-pressed": "true" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "success", square: "", "aria-pressed": "true" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "warning", square: "", "aria-pressed": "true" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "danger", square: "", "aria-pressed": "true" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "info", square: "", "aria-pressed": "true" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "light", square: "", "aria-pressed": "true" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "dark", square: "", "aria-pressed": "true" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "link", square: "", "aria-pressed": "true" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Disabled\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "primary", square: "", disabled: "" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "secondary", square: "", disabled: "" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "success", square: "", disabled: "" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "warning", square: "", disabled: "" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "danger", square: "", disabled: "" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "info", square: "", disabled: "" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "light", square: "", disabled: "" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "dark", square: "", disabled: "" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "link", square: "", disabled: "" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCard", [ _c("CCardHeader", [_c("strong", [_vm._v("Pill Buttons")])]), _vm._v(" "), _c( "CCardBody", [ _c("p", [ _vm._v("\n Use\n "), _c("code", [_vm._v("pill")]), _vm._v(" prop for pill buttons.\n ") ]), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Normal\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "primary", shape: "pill" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "secondary", shape: "pill" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "success", shape: "pill" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "warning", shape: "pill" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "danger", shape: "pill" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "info", shape: "pill" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "light", shape: "pill" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "dark", shape: "pill" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "link", shape: "pill" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Active State\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "primary", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "secondary", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "success", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "warning", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "danger", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "info", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "light", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "dark", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { pressed: "", block: "", color: "link", shape: "pill", "aria-pressed": "true" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "12", xl: "" } }, [_vm._v("\n Disabled\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "primary", shape: "pill", disabled: "" } }, [_vm._v("Primary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "secondary", shape: "pill", disabled: "" } }, [_vm._v("Secondary")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "success", shape: "pill", disabled: "" } }, [_vm._v("Success")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "warning", shape: "pill", disabled: "" } }, [_vm._v("Warning")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "danger", shape: "pill", disabled: "" } }, [_vm._v("Danger")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "info", shape: "pill", disabled: "" } }, [_vm._v("Info")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "light", shape: "pill", disabled: "" } }, [_vm._v("Light")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "dark", shape: "pill", disabled: "" } }, [_vm._v("Dark")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "6", sm: "4", md: "2", xl: "" } }, [ _c( "CButton", { attrs: { block: "", color: "link", shape: "pill", disabled: "" } }, [_vm._v("Link")] ) ], 1 ) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCard", [ _c("CCardHeader", [_c("strong", [_vm._v("Sizes")])]), _vm._v(" "), _c( "CCardBody", [ _c("p", [ _vm._v("Fancy larger or smaller buttons? Add "), _c("code", [_vm._v('size="lg"')]), _vm._v(" or "), _c("code", [_vm._v('size="sm"')]), _vm._v(" for additional sizes.") ]), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "2", xl: "" } }, [_vm._v("\n Small\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "primary", size: "sm" } }, [_vm._v("Standard Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "secondary", size: "sm" } }, [_vm._v("Outline Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { size: "sm", variant: "ghost", color: "success" } }, [_vm._v("Ghost Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "warning", size: "sm", square: "" } }, [_vm._v("Square Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "danger", size: "sm", shape: "pill" } }, [_vm._v("Pill Button")] ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "2", xl: "" } }, [_vm._v("\n Normal\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c("CButton", { attrs: { color: "primary" } }, [ _vm._v("Standard Button") ]) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "secondary" } }, [_vm._v("Outline Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { variant: "ghost", color: "success" } }, [_vm._v("Ghost Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "warning", square: "" } }, [_vm._v("Square Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "danger", shape: "pill" } }, [_vm._v("Pill Button")] ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", { staticClass: "align-items-center mt-3" }, [ _c( "CCol", { staticClass: "mb-3 mb-xl-0", attrs: { col: "2", xl: "" } }, [_vm._v("\n Large\n ")] ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "primary", size: "lg" } }, [_vm._v("Standard Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "secondary", size: "lg" } }, [_vm._v("Outline Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { variant: "ghost", color: "success", size: "lg" } }, [_vm._v("Ghost Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "warning", size: "lg", square: "" } }, [_vm._v("Square Button")] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "mb-3 mb-xl-0 text-center", attrs: { col: "2" } }, [ _c( "CButton", { attrs: { color: "danger", size: "lg", shape: "pill" } }, [_vm._v("Pill Button")] ) ], 1 ) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCard", [ _c("CCardHeader", [_c("strong", [_vm._v("With Icons")])]), _vm._v(" "), _c( "CCardBody", [ _c( "CRow", { staticClass: "align-items-center" }, [ _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { color: "primary" } }, [ _c("CIcon", { attrs: { name: "cil-lightbulb" } }), _vm._v(" Standard Button\n ") ], 1 ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { color: "secondary", variant: "outline" } }, [ _c("CIcon", { attrs: { name: "cil-lightbulb" } }), _vm._v(" Outline Button\n ") ], 1 ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { color: "success" } }, [ _c("CIcon", { attrs: { name: "cil-lightbulb" } }), _vm._v(" Ghost Button\n ") ], 1 ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { color: "warning", square: "" } }, [ _c("CIcon", { attrs: { name: "cil-lightbulb" } }), _vm._v(" Square Button\n ") ], 1 ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { color: "danger", shape: "pill" } }, [ _c("CIcon", { attrs: { name: "cil-lightbulb" } }), _vm._v(" Pill Button\n ") ], 1 ) ], 1 ) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCard", [ _c("CCardHeader", [_c("strong", [_vm._v("Toggle pressed state")])]), _vm._v(" "), _c( "CCardBody", [ _c( "CRow", [ _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "primary", pressed: _vm.togglePress }, on: { "update:pressed": function($event) { _vm.togglePress = $event } } }, [ _vm._v( "Primary " + _vm._s(_vm.togglePress ? "On " : "Off") ) ] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "secondary", pressed: _vm.togglePress }, on: { "update:pressed": function($event) { _vm.togglePress = $event } } }, [ _vm._v( "Secondary " + _vm._s(_vm.togglePress ? "On " : "Off") ) ] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "success", pressed: _vm.togglePress }, on: { "update:pressed": function($event) { _vm.togglePress = $event } } }, [ _vm._v( "Success " + _vm._s(_vm.togglePress ? "On " : "Off") ) ] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "info", pressed: _vm.togglePress }, on: { "update:pressed": function($event) { _vm.togglePress = $event } } }, [ _vm._v( "Info " + _vm._s(_vm.togglePress ? "On " : "Off") ) ] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "warning", pressed: _vm.togglePress }, on: { "update:pressed": function($event) { _vm.togglePress = $event } } }, [ _vm._v( "Warning " + _vm._s(_vm.togglePress ? "On " : "Off") ) ] ) ], 1 ), _vm._v(" "), _c( "CCol", { staticClass: "text-center mt-3", attrs: { sm: "", xs: "12" } }, [ _c( "CButton", { attrs: { variant: "outline", color: "danger", pressed: _vm.togglePress }, on: { "update:pressed": function($event) { _vm.togglePress = $event } } }, [ _vm._v( "Danger " + _vm._s(_vm.togglePress ? "On " : "Off") ) ] ) ], 1 ) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CRow", [ _c( "CCol", { attrs: { xs: "12", md: "6" } }, [ _c( "CCard", [ _c("CCardHeader", [ _c("strong", [_vm._v("Block Level CButtons ")]), _c("small", [ _vm._v("Add this "), _c("code", [_vm._v("block")]) ]) ]), _vm._v(" "), _c( "CCardBody", [ _c( "CButton", { attrs: { size: "lg", color: "secondary", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", color: "primary", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", color: "success", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", color: "info", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", color: "warning", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", color: "danger", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", color: "link", block: "" } }, [_vm._v("Block level button")] ) ], 1 ) ], 1 ) ], 1 ), _vm._v(" "), _c( "CCol", { attrs: { xs: "12", md: "6" } }, [ _c( "CCard", [ _c("CCardHeader", [ _c("strong", [_vm._v("Block Level CButtons ")]), _c("small", [ _vm._v("Add this "), _c("code", [_vm._v("block")]) ]) ]), _vm._v(" "), _c( "CCardBody", [ _c( "CButton", { attrs: { size: "lg", variant: "outline", color: "secondary", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", variant: "outline", color: "primary", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", variant: "outline", color: "success", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", variant: "outline", color: "info", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", variant: "outline", color: "warning", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", variant: "outline", color: "danger", block: "" } }, [_vm._v("Block level button")] ), _vm._v(" "), _c( "CButton", { attrs: { size: "lg", variant: "ghost", color: "info", block: "" } }, [_vm._v("Block level button")] ) ], 1 ) ], 1 ) ], 1 ) ], 1 ) ], 1 ) } var staticRenderFns = [] render._withStripped = true /***/ }), /***/ "./resources/js/src/views/buttons/StandardButtons.vue": /*!************************************************************!*\ !*** ./resources/js/src/views/buttons/StandardButtons.vue ***! \************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _StandardButtons_vue_vue_type_template_id_5ea59788___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./StandardButtons.vue?vue&type=template&id=5ea59788& */ "./resources/js/src/views/buttons/StandardButtons.vue?vue&type=template&id=5ea59788&"); /* harmony import */ var _StandardButtons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./StandardButtons.vue?vue&type=script&lang=js& */ "./resources/js/src/views/buttons/StandardButtons.vue?vue&type=script&lang=js&"); /* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); /* normalize component */ var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])( _StandardButtons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], _StandardButtons_vue_vue_type_template_id_5ea59788___WEBPACK_IMPORTED_MODULE_0__["render"], _StandardButtons_vue_vue_type_template_id_5ea59788___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"], false, null, null, null ) /* hot reload */ if (false) { var api; } component.options.__file = "resources/js/src/views/buttons/StandardButtons.vue" /* harmony default export */ __webpack_exports__["default"] = (component.exports); /***/ }), /***/ "./resources/js/src/views/buttons/StandardButtons.vue?vue&type=script&lang=js&": /*!*************************************************************************************!*\ !*** ./resources/js/src/views/buttons/StandardButtons.vue?vue&type=script&lang=js& ***! \*************************************************************************************/ /*! exports provided: default */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StandardButtons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/babel-loader/lib??ref--4-0!../../../../../node_modules/vue-loader/lib??vue-loader-options!./StandardButtons.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/buttons/StandardButtons.vue?vue&type=script&lang=js&"); /* empty/unused harmony star reexport */ /* harmony default export */ __webpack_exports__["default"] = (_node_modules_babel_loader_lib_index_js_ref_4_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StandardButtons_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); /***/ }), /***/ "./resources/js/src/views/buttons/StandardButtons.vue?vue&type=template&id=5ea59788&": /*!*******************************************************************************************!*\ !*** ./resources/js/src/views/buttons/StandardButtons.vue?vue&type=template&id=5ea59788& ***! \*******************************************************************************************/ /*! exports provided: render, staticRenderFns */ /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_StandardButtons_vue_vue_type_template_id_5ea59788___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/vue-loader/lib??vue-loader-options!./StandardButtons.vue?vue&type=template&id=5ea59788& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/src/views/buttons/StandardButtons.vue?vue&type=template&id=5ea59788&"); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_StandardButtons_vue_vue_type_template_id_5ea59788___WEBPACK_IMPORTED_MODULE_0__["render"]; }); /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_StandardButtons_vue_vue_type_template_id_5ea59788___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; }); /***/ }) }]);