Prev Next
PrevNext renders bordered previous/next links for the bottom of a docs page. It is fully static and hides whichever side is absent.
// apps/docs/src/components/examples/prev-next/default/react.tsx
import { PrevNext } from '@cloudvoyant/helical-react';
export default function ReactPrevNextDefault() {
return (
<PrevNext
prev={{ title: 'Introduction', href: '/general/introduction' }}
next={{ title: 'Theming', href: '/general/theming' }}
/>
);
}<!-- apps/docs/src/components/examples/prev-next/default/svelte.svelte -->
<script lang="ts">
import { PrevNext } from '@cloudvoyant/helical-svelte';
</script>
<PrevNext
prev={{ title: 'Introduction', href: '/general/introduction' }}
next={{ title: 'Theming', href: '/general/theming' }}
/>Examples
API Reference
| Prop | Type | Description |
|---|---|---|
prev / next |
{ title: string; href: string } |
Optional link on each side. |