Glass button
controlsProEn glaslinse i en affasning, der forstørrer alt bag sig, med en glans, der følger markøren, og et tryk på én pixel.
Å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
glass-button.tsxPro
Koden er låst
Glass button 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/glass-buttonMCP
claude mcp add --transport http manniche-ui https://mikkelmanniche.dk/api/mcp --header "Authorization: Bearer $MANNICHE_PRO_KEY"Props
GlassButtonProps
| Prop | Type | Standard | Hvad den gør |
|---|---|---|---|
backdrop | ReactNode | – | What sits behind the button, drawn in currentColor. It shows round the button in the muted colour and again, magnified, inside the lens. Leave it out for plain glass. |
backdropClassName | string | – | Classes for the backdrop layer, which is absolutely positioned in the wrapper. |
containerClassName | string | – | Classes for the wrapper round the backdrop and the button, e.g. flex w-full justify-center to give the backdrop room. |
magnify | number | 1.3 | How much the lens magnifies the backdrop. |
Tager også alle props fra ButtonHTMLAttributes<HTMLButtonElement>.
A11y
Ingen a11y-noter skrevet endnu.
Noterne kommer sammen med kildekoden, når Pro åbner.