pagefind-proxima

Production-ready Astro integration + Search component for Pagefind.

  • Types
  • ESM
License
MIT
Install Size
19 kB(59.4 MB)
Vulns
0
Published

Get started

$npm install pagefind-proxima
$pnpm add pagefind-proxima
$yarn add pagefind-proxima
$bun add pagefind-proxima
$deno add npm:pagefind-proxima
$vlt install pagefind-proxima
$vp add pagefind-proxima

Readme

pagefind-proxima

Astro integration for Pagefind with a ready Search component.

EN

Install
bun add pagefind-proxima
Setup (astro.config.mjs)
import { defineConfig } from "astro/config";
import pagefindProxima from "pagefind-proxima";

export default defineConfig({
  integrations: [pagefindProxima()],
});
Use component
---
import Search from "pagefind-proxima/components/Search";
---

<Search styleMode="css" />
Tailwind mode
<Search
  styleMode="tailwind"
  styles={{
    input: "text-sm md:text-base",
    button: "bg-black text-white border-black"
  }}
/>
Hotkeys (cmd+k, esc)
<Search
  overlay={{ enabled: true, defaultOpen: false }}
  hotkeys={{ cmdK: true, esc: true }}
/>

RU

Установка
bun add pagefind-proxima
Подключение (astro.config.mjs)
import { defineConfig } from "astro/config";
import pagefindProxima from "pagefind-proxima";

export default defineConfig({
  integrations: [pagefindProxima()],
});
Использование компонента
---
import Search from "pagefind-proxima/components/Search";
---

<Search styleMode="css" />
Режим Tailwind
<Search
  styleMode="tailwind"
  styles={{
    input: "text-sm md:text-base",
    button: "bg-black text-white border-black"
  }}
/>
Горячие клавиши (cmd+k, esc)
<Search
  overlay={{ enabled: true, defaultOpen: false }}
  hotkeys={{ cmdK: true, esc: true }}
/>