mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-09 08:52:34 +00:00
Fixed #3802 - Improve folder structure for nuxt configurations
This commit is contained in:
parent
851950270b
commit
f5fe822afb
563 changed files with 1703 additions and 1095 deletions
47
components/lib/toolbar/Toolbar.vue
Executable file
47
components/lib/toolbar/Toolbar.vue
Executable file
|
@ -0,0 +1,47 @@
|
|||
<template>
|
||||
<div class="p-toolbar p-component" role="toolbar" :aria-labelledby="ariaLabelledby">
|
||||
<div class="p-toolbar-group-start p-toolbar-group-left">
|
||||
<slot name="start"></slot>
|
||||
</div>
|
||||
<div class="p-toolbar-group-center">
|
||||
<slot name="center"></slot>
|
||||
</div>
|
||||
<div class="p-toolbar-group-end p-toolbar-group-right">
|
||||
<slot name="end"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'Toolbar',
|
||||
props: {
|
||||
'aria-labelledby': {
|
||||
type: String,
|
||||
default: null
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.p-toolbar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.p-toolbar-group-start,
|
||||
.p-toolbar-group-center,
|
||||
.p-toolbar-group-end {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.p-toolbar-group-left,
|
||||
.p-toolbar-group-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
Loading…
Add table
Add a link
Reference in a new issue