2022-09-06 12:03:37 +00:00
|
|
|
<template>
|
2023-05-19 12:19:16 +00:00
|
|
|
<div :class="cx('root')" role="toolbar" :aria-labelledby="ariaLabelledby" data-pc-name="toolbar" data-pc-section="root" v-bind="ptm('root')">
|
|
|
|
<div :class="cx('start')" data-pc-section="start" v-bind="ptm('start')">
|
2022-09-06 12:03:37 +00:00
|
|
|
<slot name="start"></slot>
|
|
|
|
</div>
|
2023-05-19 12:19:16 +00:00
|
|
|
<div :class="cx('center')" data-pc-section="center" v-bind="ptm('center')">
|
2022-12-08 11:04:25 +00:00
|
|
|
<slot name="center"></slot>
|
|
|
|
</div>
|
2023-05-19 12:19:16 +00:00
|
|
|
<div :class="cx('end')" data-pc-section="end" v-bind="ptm('end')">
|
2022-09-06 12:03:37 +00:00
|
|
|
<slot name="end"></slot>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2023-05-19 12:19:16 +00:00
|
|
|
import BaseToolbar from './BaseToolbar.vue';
|
|
|
|
|
2022-09-06 12:03:37 +00:00
|
|
|
export default {
|
2022-09-14 11:26:01 +00:00
|
|
|
name: 'Toolbar',
|
2023-05-19 12:19:16 +00:00
|
|
|
extends: BaseToolbar
|
2022-09-14 11:26:01 +00:00
|
|
|
};
|
2022-09-06 12:03:37 +00:00
|
|
|
</script>
|