Customize / Customization
On this page
Customization
Last updated
Upstream does not edit these three places after a release:
- Admin settings (Site settings). See Configuration and Theming.
bordful.config.ts. See Configuration.src/custom/**.
Everything else may change in an upstream release. Keep your edits inside these three so git merge stays small. See Upgrading.
Slot registry
src/custom/index.ts exports customSlots. Slots:
| Slot | When it renders |
|---|---|
header | Replaces the default site header. |
footer | Replaces the default site footer. |
job-card-extra | Extra content on a job card. It renders above the card link, so its own links and buttons stay clickable. |
A missing slot keeps the default UI. Minimal registration:
tsx
import type { ComponentType } from "react";
import type { SlotId } from "@/config/slots";
function ExampleJobNote() {
return <p>From Example Board</p>;
}
export const customSlots: Partial<Record<SlotId, ComponentType>> = {
"job-card-extra": ExampleJobNote,
};Do not add dependencies for a slot. Use the components already in the repo, or plain elements.