enso/app/gui2/stories/SelectionBrush.story.vue
somebody1234 f2651d58e4
[gui2] Component demos (#7945)
- Closes #7916

# Important Notes
None
2023-10-29 19:02:07 +00:00

26 lines
712 B
Vue

<script setup lang="ts">
import SelectionBrush from '@/components/SelectionBrush.vue'
import SelectionBrushWrapper from './SelectionBrushWrapper.vue'
</script>
<template>
<Story
title="Selection Brush"
group="graph"
:layout="{ type: 'single', iframe: false }"
responsiveDisabled
autoPropsDisabled
>
<SelectionBrushWrapper>
<template #default="{ scaledMousePos, scaledSelectionAnchor, navigator }">
<SelectionBrush
v-if="scaledMousePos"
:position="scaledMousePos"
:anchor="scaledSelectionAnchor"
:style="{ transform: navigator.prescaledTransform }"
/>
</template>
</SelectionBrushWrapper>
</Story>
</template>