@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
43 lines (42 loc) • 1.18 kB
JavaScript
import { defineComponent as o } from "vue";
import t from "../../presentation/icon/NeonIcon.vue.es.js";
import { NeonFunctionalColor as r } from "../../../common/enums/NeonFunctionalColor.es.js";
const a = o({
name: "NeonStepper",
components: { NeonIcon: t },
props: {
/**
* An ordered list of the step names, these values are used for display purposes.
*/
steps: { type: Array, required: !0 },
/**
* The index of the highest completed step (regardless of the current step the user has selected).
* This is used to display the completed steps to the user.
*/
completedIndex: { type: Number, default: -1 },
/**
* The index of the step that is currently selected.
*/
modelValue: { type: Number, default: 0 },
/**
* The color of the Stepper component.
*/
color: { type: String, default: r.Brand }
},
emits: [
/**
* Emitted when the selected step is changed.
* @type {number} The index of the selected step.
*/
"update:modelValue"
],
setup(p, { emit: e }) {
return {
emit: e
};
}
});
export {
a as default
};
//# sourceMappingURL=NeonStepper.es.js.map