@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
39 lines (38 loc) • 1.27 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const button_group_constants = require("./button_group_constants.cjs");
const vue = require("vue");
const _pluginVue_exportHelper = require("../../_virtual/_plugin-vue_export-helper.cjs");
const _sfc_main = {
compatConfig: { MODE: 3 },
name: "DtButtonGroup",
props: {
/**
* Alignment of the buttons inside the container
*/
alignment: {
type: String,
default: "start",
validator: (alignment) => Object.keys(button_group_constants.BUTTON_GROUP_ALIGNMENT).includes(alignment)
}
},
data() {
return {
BUTTON_GROUP_ALIGNMENT: button_group_constants.BUTTON_GROUP_ALIGNMENT
};
}
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return vue.openBlock(), vue.createElementBlock("div", {
class: vue.normalizeClass([
"d-btn-group",
$data.BUTTON_GROUP_ALIGNMENT[$props.alignment]
]),
role: "group"
}, [
vue.renderSlot(_ctx.$slots, "default")
], 2);
}
const button_group = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
exports.default = button_group;
//# sourceMappingURL=button_group.vue.cjs.map