Design KitComponentv0.3.0

NBChecklist

Neo-brutalist interactive checklist with strikethrough and accent colors.

When to use

Use for step-by-step guides, feature comparisons, and 'what you get' lists.

Import

Import
tsx
import NBChecklist from "@/components/NBChecklist";

Example

Example
tsx
// See import NBChecklist from "@/components/NBChecklist"; for import usage.

Live preview

To do

People also ask

Where do I import NBChecklist from?

Use: import NBChecklist from "@/components/NBChecklist";

How do I keep it multi-domain safe?

Don’t hardcode domains in metadata/JSON-LD. Use getSiteUrl() + toAbsoluteUrl().

Design kit

Turn this into a sellable export

If you want the “packaged kit” (versioning, license, exportable docs and components), we can scope the release pipeline.