@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
45 lines (44 loc) • 1.29 kB
JavaScript
import { defineComponent as e } from "vue";
import { NeonFunctionalColor as t } from "../../../model/common/color/NeonFunctionalColor.es.js";
const l = e({
name: "NeonField",
props: {
/**
* The label text to render.
*/
label: { type: String },
/**
* 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" },
/**
* Remove empty message space below input. By default, a blank message will be displayed below each input which
* helps simplify form layouts.
*/
noMessage: { type: Boolean, default: !1 },
/**
* Message to display below the input field.
*/
message: { type: String, default: "" },
/**
* The color of message displayed under input. Can be any functional color.
*/
messageColor: { type: String, default: t.LowContrast }
}
});
export {
l as default
};
//# sourceMappingURL=NeonField.es.js.map