Select component for VueJS, inspired by macOS native select UI element.
<sticky-select
:options="options"
v-model="selectedOptionIndex"
placeholder="Select option"
/>
import StickySelect from "vue-sticky-select";
export default {
name: "FooBar",
components: {
StickySelect,
},
data: () => ({
selectedOptionIndex: null,
options: [
{
prefix: () => import("@/SomeIcon"),
text: "Banana",
},
{
prefix: () => import("@/SomeIcon"),
text: "Avocado",
},
{
prefix: () => import("@/SomeIcon"),
text: "Durian",
},
],
}),
};
<sticky-select
:options="options"
v-model="selectedOptionIndex"
placeholder="Select option"
/>
import StickySelect from "vue-sticky-select";
export default {
name: "FooBar",
components: {
StickySelect,
},
data: () => ({
selectedOptionIndex: null,
options: ["Banana", "Avocado", "Durian"],
}),
};