DashCode | DashCode

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.

Select #

Select