4792 lines
136 KiB
JavaScript
4792 lines
136 KiB
JavaScript
(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"]; });
|
||
|
||
|
||
|
||
/***/ })
|
||
|
||
}]); |