Documentation

Composants embarquables Rootage

Guide de configuration et d’intégration des widgets Rootage. Choisissez un composant ci-dessous pour afficher sa documentation détaillée.

rtge-badge

rtge-badge — Badge de signature

Badge « Crafted / Engineered by Rootage » à placer dans le footer de vos sites clients. Web Component natif, thème dark/light, forme pill ou carré, variante minimale.

Intégration

CDN https://embed.rtge.fr/badge/v1/rtge-badge.min.js

<script src="https://embed.rtge.fr/badge/v1/rtge-badge.min.js" defer></script>

<rootage-badge
  label="Crafted by"
  theme="dark"
  shape="rounded"
  href="https://rootage.fr"
></rootage-badge>

Paramètres

Attribut	Valeurs	Défaut
`label`	texte libre	Crafted by
`theme`	dark · light	dark
`shape`	rounded · square	rounded
`variant`	default · minimal	default
`href`	URL	https://rootage.fr

Bonnes pratiques

— Chargez le script avec defer pour ne pas bloquer le rendu.
— Placez le badge dans le <footer>, une seule fois par page.
— Choisissez theme="dark" sur fond sombre, light sur fond clair.
— variant="minimal" pour un badge sans fond, adapté aux footers sans contraste fort.

Aperçu complet

dark · rounded theme="dark" shape="rounded"

dark · square theme="dark" shape="square"

light · rounded theme="light" shape="rounded"

light · square theme="light" shape="square"

minimal · dark variant="minimal" theme="dark"

minimal · light variant="minimal" theme="light"

rtge-stack

rtge-stack — Stack utilisée

Widget de stack technologique basé sur Simple Icons. Affiche une rangée d’icônes de techno, avec info-bulle au survol. Conçu pour mettre en avant la stack dans les footers ou sections “Built with”.