enso/app/gui2/stories/TopBar.story.vue
Paweł Grabarz b286adaae4
Split ydoc server into separate module (#10735)
# Important Notes
The command to run the gui dev environment has been changed. Invoking the old command will print a message about that.
From now on, use `pnpm dev:gui2` in repository root.
2024-08-08 12:12:05 +00:00

25 lines
672 B
Vue

<script setup lang="ts">
import { ref } from 'vue'
import TopBar from '@/components/TopBar.vue'
const showColorPicker = ref(false)
const showCodeEditor = ref(false)
const showDocumentationEditor = ref(false)
</script>
<template>
<Story title="Top Bar" group="graph" :layout="{ type: 'grid', width: 500 }" autoPropsDisabled>
<div style="height: 48px">
<TopBar
v-model:showColorPicker="showColorPicker"
v-model:showCodeEditor="showCodeEditor"
v-model:showDocumentationEditor="showDocumentationEditor"
:zoomLevel="1"
:componentsSelected="1"
/>
</div>
<template #controls></template>
</Story>
</template>