@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
42 lines (41 loc) • 1 kB
JavaScript
import { defineComponent as t } from "vue";
import n from "../link/NeonLink.vue.es.js";
import { NeonFunctionalColor as i } from "../../../common/enums/NeonFunctionalColor.es.js";
const p = t({
name: "NeonActionMenu",
components: {
NeonLink: n
},
props: {
/**
* The list of action items to display in the menu.
*/
model: { type: Array, required: !0 },
/**
* The key of the selected model action item.
*/
modelValue: { type: String, required: !0 },
/**
* The toggle chip color.
*/
color: { type: String, default: i.Primary }
},
emits: [
/**
* emitted when the user clicks on a new action menu item.
* @type {string} the key of the newly selected action menu item.
*/
"update:modelValue"
],
setup(o, { emit: r }) {
return {
onClick: (e) => {
o.modelValue !== e && r("update:modelValue", e);
}
};
}
});
export {
p as default
};
//# sourceMappingURL=NeonActionMenu.es.js.map