Peek Link
buttonProEt link i løbende tekst, hvis eget forhåndsbillede stiger op, toner frem og læner sig mod markøren på en fjeder.
Åbner snart
Pro kan ikke købes endnu. Siden åbner, når betalingen er klar.
Preview
Forhåndsvisningen kunne ikke hentes.
Live demo. Temaet skifter selve demoen.
Kode
peek-link.tsxPro
Koden er låst
Peek Link er en del af Manniche UI Pro. En nøgle åbner kildekoden til alle 60 effekter.
Åbner snart49 € · Introduktionspris til og med 31. december 2026. Derefter 79 €.
- Engangsbetaling
- Én udvikler
- Nøglen kommer på mail med det samme
- Ingen moms (§ 19 UStG)
Har du en nøgle? Hent koden med CLI eller MCP.
Nøglen ligger i MANNICHE_PRO_KEY, aldrig i koden eller i adressen. Sådan sætter du den op
CLI
npx shadcn@latest add @manniche-pro/peek-linkMCP
claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
PeekLinkProps
| Prop | Type | Standard | Hvad den gør |
|---|---|---|---|
children påkrævet | React.ReactNode | – | The link text. |
preview påkrævet | PeekLinkPreview | – | The picture that floats above the link on hover or keyboard focus. |
previewWidth | number | 240 | Preview width in CSS pixels. It shrinks on screens narrower than this. |
previewHeight | number | 150 | Preview height in CSS pixels. Keeps its ratio when the width shrinks. |
previewRadius | number | 14 | Corner radius of the preview in CSS pixels. |
shadow | boolean | true | Draw a soft drop shadow under the preview. |
shadowColor | string | 'rgb(0 0 0 / 0.38)' | Colour of the drop shadow. Any CSS colour. Ignored when shadow is off. |
textColor | string | – | Text colour of the link. Defaults to the colour it inherits. |
underlineColor | string | – | Colour of the underline. Defaults to the text colour, faded until hover. |
previewOnTouch | boolean | false | Touch: when true the first tap previews and the second tap follows the link. By default touch just navigates. |
spring | { stiffness?: number; damping?: number } | – | Spring that drives the rise, fade, scale and lean. |
ref | Ref<HTMLAnchorElement> | – | Ref to the real <a>. |
Tager også alle props fra Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'children'>.
A11y
Ingen a11y-noter skrevet endnu.
Noterne kommer sammen med kildekoden, når Pro åbner.