mirror of
https://github.com/shadcn-ui/ui.git
synced 2026-06-25 21:56:08 +00:00
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
import {
|
|
Empty,
|
|
EmptyContent,
|
|
EmptyDescription,
|
|
EmptyHeader,
|
|
EmptyTitle,
|
|
} from "@/examples/base/ui/empty"
|
|
import {
|
|
InputGroup,
|
|
InputGroupAddon,
|
|
InputGroupInput,
|
|
} from "@/examples/base/ui/input-group"
|
|
import { Kbd } from "@/examples/base/ui/kbd"
|
|
import { SearchIcon } from "lucide-react"
|
|
|
|
export default function EmptyInputGroup() {
|
|
return (
|
|
<Empty>
|
|
<EmptyHeader>
|
|
<EmptyTitle>404 - Not Found</EmptyTitle>
|
|
<EmptyDescription>
|
|
The page you're looking for doesn't exist. Try searching for
|
|
what you need below.
|
|
</EmptyDescription>
|
|
</EmptyHeader>
|
|
<EmptyContent>
|
|
<InputGroup className="sm:w-3/4">
|
|
<InputGroupInput placeholder="Try searching for pages..." />
|
|
<InputGroupAddon>
|
|
<SearchIcon />
|
|
</InputGroupAddon>
|
|
<InputGroupAddon align="inline-end">
|
|
<Kbd>/</Kbd>
|
|
</InputGroupAddon>
|
|
</InputGroup>
|
|
<EmptyDescription>
|
|
Need help? <a href="#">Contact support</a>
|
|
</EmptyDescription>
|
|
</EmptyContent>
|
|
</Empty>
|
|
)
|
|
}
|