AccessDenied
Page dédiée à afficher lorsqu’un utilisateur tente d’accéder à une page sans les droits nécessaires. Affiche un message explicatif, un logo et un lien de redirection.
Démo en direct
Accès refusé
Vous ne disposez pas des droits nécessaires pour accéder à cette page.
Retour à la documentationProps
| Prop | Type | Défaut | Description |
|---|---|---|---|
| logo | string | requis | Chemin ou URL du logo affiché en haut de la page |
| redirectTo | string | requis | URL de destination du lien de redirection |
| textRedirection | string | requis | Texte du lien de redirection |
Code source complet — copier-coller
import { AccessDenied } from "@ramses1er/cbk-toolkit/client";
export default function Page() {
return (
<AccessDenied
logo="/img/logo.png"
redirectTo="/dashboard"
textRedirection="Retour au tableau de bord"
/>
);
}Comportement
- Toutes les props sont obligatoires (logo, redirectTo, textRedirection)
- Le logo est affiché via
next/imageaux dimensions 100x100 - Le titre « Accès refusé » s’affiche en rouge (
text-red-600) - Le lien de redirection utilise
next/linkpour une navigation côté client - Fond en dégradé gris clair vers blanc pour une présentation sobre et neutre