The line shape function arranges elements in a line in any orientation. It is useful for transitioning elements from a vertical or horizontal list into another shape, or creating diagonal layouts that would be challenging with plain CSS.

import { ref } from 'vue';

const config = ref({
  shape: 'line',
  shapeParameters: {
    start: {
      x: "10%",
      y: "10%"
    end: {
      x: "90%",
      y: "90%"