Production-ready Astro integration + Search component for Pagefind.
- Types
- ESM
- License
- MIT
- Install Size
- 19 kB(59.4 MB)
- Vulns
- 0
- Published
$
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-proximapagefind-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 }}
/>