@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
44 lines (43 loc) • 1.19 kB
JavaScript
import { defineComponent as e } from "vue";
import o from "../../presentation/label/NeonLabel.vue.es.js";
import { NeonFunctionalColor as t } from "../../../common/enums/NeonFunctionalColor.es.js";
const r = e({
name: "NeonField",
components: {
NeonLabel: o
},
props: {
/**
* The label text to render.
*/
label: { type: String, required: !0 },
/**
* The equivalent of the <em>for</em> attribute on an HTML label.
*/
labelFor: { type: String, default: null },
/**
* Display an "optional" indicator with the label.
*/
optional: { type: Boolean, default: !1 },
/**
* Display label with disabled state.
*/
disabled: { type: Boolean, default: !1 },
/**
* The default "optional" label text.
*/
optionalLabel: { type: String, default: "Optional" },
/**
* Message to display below the input field.
*/
message: { type: String, default: null },
/**
* The color of message displayed under input. Can be any functional color.
*/
messageColor: { type: String, default: t.LowContrast }
}
});
export {
r as default
};
//# sourceMappingURL=NeonField.es.js.map