Not Found Screen

Экран 404 — бренд, серифный заголовок, строка и кнопка возврата на главную.

Oracul

Страница не найдена

Oracul многое умеет, но найти эту страницу — нет.

Вернуться на главную

import { NotFoundScreen } from "@/components/ui/not-found-screen";

export default function Particle() {
  return (
    <div className="h-110 w-full overflow-hidden rounded-xl border">
      <NotFoundScreen homeHref="#" />
    </div>
  );
}

Установка


pnpm dlx shadcn@latest add @oracul/not-found-screen

Использование

// app/not-found.tsx
import { NotFoundScreen } from "@/components/ui/not-found-screen";
 
export default function NotFound() {
  return <NotFoundScreen />;
}

API

Презентационный (plain-props). Высота — на стороне потребителя (min-h-full).

Prop	Тип	Описание
`brand` / `title` / `description`	`ReactNode`	Тексты.
`homeHref` / `homeLabel`	`string` / `ReactNode`	Кнопка возврата.

На этой странице

Установка Использование API