Files
next-learn/dashboard/starter-example/app/ui/search.tsx
Stephanie Dietz 162d59256e Learn run through 💅🏼 (#230)
* remove auth sign out form side anv

* remove unused clsx

* comment out code

* comment out code that throws error when trying to deploy to vercel

* Remove vercel emails

* comment out more code so it will deploy to vercel

* Include AUTH_URL

* add notes to commented out code

* Add bcrypt

* Use .env instead of .env.local

* Update types

* Move skeletons

* Update import

* Delete search functionality

* More fixes

* Misc fixes

* Update login-form.tsx

* Update table.tsx

* Update eslint

* eslint fix

* formatting

---------

Co-authored-by: Delba de Oliveira <delbabrown@gmail.com>
2023-10-26 16:38:00 -06:00

19 lines
652 B
TypeScript

'use client';
import { MagnifyingGlassIcon } from '@heroicons/react/24/outline';
export default function Search({ placeholder }: { placeholder: string }) {
return (
<div className="relative flex flex-1 flex-shrink-0">
<label htmlFor="search" className="sr-only">
Search
</label>
<input
className="peer block w-full rounded-md border border-gray-200 py-[9px] pl-10 text-sm outline-2 placeholder:text-gray-500"
placeholder={placeholder}
/>
<MagnifyingGlassIcon className="absolute left-3 top-1/2 h-[18px] w-[18px] -translate-y-1/2 text-gray-500 peer-focus:text-gray-900" />
</div>
);
}