balm-ui/src/scripts/mixins/list-divider.js

A modular and customizable UI library based on Material Design and Vue 3

import { computed } from 'vue';

const listDividerProps = {
  // UI attributes
  padded: {
    type: Boolean,
    default: false
  },
  inset: {
    type: Boolean,
    default: false
  }
};

function useListDivider(props) {
  const className = computed(() => ({
    'mdc-deprecated-list-divider': true,
    'mdc-deprecated-list-divider--padded': props.padded,
    'mdc-deprecated-list-divider--inset': props.inset
  }));

  return {
    className
  };
}

export { listDividerProps, useListDivider };