| <!-- |
| - Licensed to the Apache Software Foundation (ASF) under one or more |
| - contributor license agreements. See the NOTICE file distributed with |
| - this work for additional information regarding copyright ownership. |
| - The ASF licenses this file to You under the Apache License, Version 2.0 |
| - (the "License"); you may not use this file except in compliance with |
| - the License. You may obtain a copy of the License at |
| - |
| - http://www.apache.org/licenses/LICENSE-2.0 |
| - |
| - Unless required by applicable law or agreed to in writing, software |
| - distributed under the License is distributed on an "AS IS" BASIS, |
| - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| - See the License for the specific language governing permissions and |
| - limitations under the License. |
| --> |
| |
| <template> |
| <div id="v-widget"> |
| <v-card> |
| <v-toolbar color="transparent" flat dense card v-if="enableHeader"> |
| <v-toolbar-title><h4>{{title}}</h4></v-toolbar-title> |
| <v-spacer></v-spacer> |
| <slot name="widget-header-action"></slot> |
| </v-toolbar> |
| <v-divider v-if="enableHeader"></v-divider> |
| <v-card-text :class="contentBg"> |
| <slot name="widget-content"></slot> |
| </v-card-text> |
| </v-card> |
| </div> |
| </template> |
| |
| <script> |
| export default { |
| name: 'v-widget', |
| props: { |
| title: { |
| type: String |
| }, |
| enableHeader: { |
| type: Boolean, |
| default: true |
| }, |
| contentBg: { |
| type: String, |
| default: 'white' |
| } |
| }, |
| |
| data () { |
| return {} |
| }, |
| computed: {} |
| } |
| </script> |