mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-20 03:09:36 +03:00
Jeff Sagal
46 lines
944 B
Vue
46 lines
944 B
Vue
<template>
|
|
<div>
|
|
<label for="search" class="block text-sm font-medium text-gray-700 sr-only">
|
|
Quick search
|
|
</label>
|
|
<div class="mt-1 relative flex items-center">
|
|
<input
|
|
type="text"
|
|
name="search"
|
|
id="search"
|
|
class="
|
|
shadow-sm
|
|
focus:ring-indigo-500 focus:border-indigo-500
|
|
block
|
|
w-full
|
|
pr-12
|
|
sm:text-sm
|
|
border-gray-300
|
|
rounded-md
|
|
"
|
|
/>
|
|
<div class="absolute inset-y-0 right-0 flex py-1.5 pr-1.5">
|
|
<kbd
|
|
class="
|
|
inline-flex
|
|
items-center
|
|
border border-gray-200
|
|
rounded
|
|
px-2
|
|
text-sm
|
|
font-sans font-medium
|
|
text-gray-400
|
|
"
|
|
>
|
|
⌘K
|
|
</kbd>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "ContentSearch",
|
|
};
|
|
</script>
|