25 lines
685 B
Vue
25 lines
685 B
Vue
|
<!--
|
||
|
|
This example requires some changes to your config:
|
||
|
|
|
||
|
|
```
|
||
|
|
// tailwind.config.js
|
||
|
|
module.exports = {
|
||
|
|
// ...
|
||
|
|
plugins: [
|
||
|
|
// ...
|
||
|
|
require('@tailwindcss/forms'),
|
||
|
|
],
|
||
|
|
}
|
||
|
|
```
|
||
|
|
-->
|
||
|
|
<template>
|
||
|
|
<div>
|
||
|
|
<label for="location" class="block text-sm font-medium leading-6 text-gray-900">Location</label>
|
||
|
|
<select id="location" name="location" class="mt-2 block w-full rounded-md border-0 py-1.5 pl-3 pr-10 text-gray-900 ring-1 ring-inset ring-gray-300 focus:ring-2 focus:ring-indigo-600 sm:text-sm sm:leading-6">
|
||
|
|
<option>United States</option>
|
||
|
|
<option selected="">Canada</option>
|
||
|
|
<option>Mexico</option>
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</template>
|