Select
vue
<template>
<div>
<Select
label="Project Type*"
name="pt"
:options="options"
placeholder="Select project type"
/>
</div>
</template>
<script setup>
import Select from "@/components/Select";
const options = [
{ value: "1", text: "Web Application" },
{ value: "2", text: "Mobile Application" },
{ value: "3", text: "Desktop Application" },
{ value: "4", text: "Other" },
];
</script>
TIP
You can use html select attribute via props. For example: name="pt"
, placeholder="Select project type"
You can also use label
props for label text.
Note
For label and select connection use name
props. For Horizontal select use horizontal
props.