Sortable - Pharen

Use Sortable to reorder items with drag-and-drop interactions. This page covers every Vue component exported by the public module.

Install the package and import its styles once. See Installation for the complete setup.

Import

import { Sortable, SortableItem, SortableItemHandle, SortableOverlay } from '@pharen/ui';

Example

<script setup lang="ts">
import { Sortable, SortableItem } from '@pharen/ui';
</script>

<template>
  <Sortable>
    <SortableItem>First item</SortableItem>
  </Sortable>
</template>

Exports

Export	Purpose
`Sortable`	Exported Vue component from this module.
`SortableItem`	Represents one item.
`SortableItemHandle`	Exported Vue component from this module.
`SortableOverlay`	Exported Vue component from this module.

Source

Open the source on GitHub