mirror of
https://origin.cursor.com/mrdevmx/panels.git
synced 2026-10-09 20:43:17 +00:00
31 lines
924 B
Vue
31 lines
924 B
Vue
<template>
|
|
<Toolbar class="ribbon">
|
|
<template #start>
|
|
<div v-for="(group, i) in ribbon" :key="group.key" class="ribbon-cluster">
|
|
<Divider v-if="i > 0" layout="vertical" />
|
|
<div class="ribbon-group">
|
|
<div class="ribbon-group-items">
|
|
<Button
|
|
v-for="item in group.items"
|
|
:key="item.key"
|
|
:icon="item.icon"
|
|
:label="item.label"
|
|
:title="item.title"
|
|
:class="['ribbon-action', `ribbon-action--${item.key}`]"
|
|
icon-pos="top"
|
|
text
|
|
size="small"
|
|
:disabled="item.disabled"
|
|
@click="item.command?.()"
|
|
/>
|
|
</div>
|
|
<div class="ribbon-group-label">{{ group.label }}</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</Toolbar>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { ribbon } = useDesktop();
|
|
</script>
|