@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
46 lines (45 loc) • 1.32 kB
JavaScript
import { defineComponent as e } from "vue";
import { NeonLabelSize as o } from "../../../model/presentation/label/NeonLabelSize.es.js";
import { NeonFunctionalColor as t } from "../../../model/common/color/NeonFunctionalColor.es.js";
import { NeonHorizontalPosition as n } from "../../../model/common/position/NeonHorizontalPosition.es.js";
import l from "../icon/NeonIcon.vue.es.js";
const m = e({
name: "NeonLabel",
components: {
NeonIcon: l
},
props: {
/**
* The label text
*/
label: { type: String, required: !0 },
/**
* The name of the optional label icon
*/
icon: { type: String, default: null },
/**
* The icon position if there is also text in the label. This is either left or right.
*/
iconPosition: { type: String, default: n.Left },
/**
* The label size
*/
size: { type: String, default: o.Small },
/**
* Display the label as disabled
*/
disabled: { type: Boolean, default: !1 },
/**
* The label color
*/
color: { type: String, default: t.Neutral },
/**
* Alternate color for creating gradient labels. NOTE: can also be the same color as 'color'.
*/
alternateColor: { type: String, default: null }
}
});
export {
m as default
};
//# sourceMappingURL=NeonLabel.es.js.map