Not Found
Installation
Run the following command
npx vibes@latest add not-foundUsage
import { NotFound } from '@/vibes/soul/sections/not-found';function Usage() { return ( <NotFound/> );}API Reference
NotFoundProps
| Prop | Type | Default |
|---|---|---|
title | string | 'Not found' |
subtitle | string | 'Take a look around if you're lost.' |
className | string | '' |
CSS Variables
This component supports various CSS variables for theming. Here's a comprehensive list.
:root { --not-found-font-family: var(--font-family-body); --not-found-title-font-family: var(--font-family-heading); --not-found-title: var(--foreground); --not-found-subtitle: var(--contrast-500);}