NotFound

A component for displaying 404 page not found errors.

Props

features (required)

links: Array<Object>

An array of link objects to display as suggested navigation options on the 404 page.

Properties:

• name (string, required): The display name/title of the link
• description (string, required): A brief description explaining where the link leads
• href (string, required): The URL or path where the link navigates to
• icon (LucideIcon, required): A Lucide React icon component to display alongside the link

Example

import { NotFound } from "@dlcastillop/starlight-marketing-components";
import Book from "@lucide/astro/icons/book";
import Component from "@lucide/astro/icons/component";
import FastFoward from "@lucide/astro/icons/fast-forward";

<NotFound
  links={[
    {
      name: "Getting Started",
      href: "/docs/getting-started",
      description: "Learn how to get started.",
      icon: FastFoward,
    },
    {
      name: "Guides",
      href: "/docs/guides/customizing-colors",
      description: "Learn how to use the component library.",
      icon: Book,
    },
    {
      name: "Components",
      href: "/docs/components/hero",
      description: "Learn how to use the components.",
      icon: Component,
    },
  ]}
/>