primevue-mirror/components/toolbar/Toolbar.vue

32 lines
570 B
Vue
Raw Normal View History

2022-09-06 12:03:37 +00:00
<template>
<div class="p-toolbar p-component" role="toolbar">
<div class="p-toolbar-group-left">
<slot name="start"></slot>
</div>
<div class="p-toolbar-group-right">
<slot name="end"></slot>
</div>
</div>
</template>
<script>
export default {
name: 'Toolbar'
}
</script>
<style>
.p-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.p-toolbar-group-left,
.p-toolbar-group-right {
display: flex;
align-items: center;
}
</style>