samling 0.13.1

App for managing apparel collections
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

import { MagnifyingGlassIcon } from "@heroicons/react/24/solid";
import { t, Trans } from "@lingui/macro";

export default function SidebarSearch() {
  return (
    <div className="px-3 mt-5">
      <label htmlFor="search" className="sr-only">
        <Trans>Search</Trans>
      </label>
      <div className="mt-1 relative rounded-md shadow-sm">
        <div
          className="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
          aria-hidden="true"
        >
          <MagnifyingGlassIcon
            className="mr-3 h-4 w-4 text-gray-400"
            aria-hidden="true"
          />
        </div>
        <input
          type="text"
          name="search"
          id="search"
          className="focus:ring-indigo-500 focus:border-indigo-500 block w-full pl-9 sm:text-sm border-gray-300 rounded-md"
          placeholder={t`Search`}
        />
      </div>
    </div>
  );
}