BHDicaire

Aperçu de thème

Contenu

theme-preview fait basculer un exemple de documentation entre les collections générées de jetons clairs et sombres. Son choix reste dans l’aperçu et ne change ni n’enregistre le thème général du lecteur.

Aperçu#

Cette surface utilise les rôles sémantiques de papier, d’encre, de trait et d’accent.

Limite#

Utilisez cette enveloppe pour comparer un exemple réel dans les deux thèmes pris en charge. Conservez component-preview pour les exemples qui ont besoin d’un cadre, mais pas d’un sélecteur de thème local.

Exemple

{{< theme-preview >}}

Quand l’utiliser

Un sélecteur local de thème clair ou sombre pour les exemples de documentation.

Implémentation

layouts/shortcodes/theme-preview.html

Options

Ce shortcode ne lit aucun paramètre nommé dans son gabarit.

Manifeste d’interface

Nature
Shortcode
Catégorie
Contenu
Statut
Implémenté
Implémentation
Partial:layouts/partials/theme-toggle.htmlShortcode:layouts/shortcodes/theme-preview.htmlDonnées:tokens/themes/light.tokens.jsontokens/themes/dark.tokens.jsonCSS:assets/css/generated/themes.cssassets/css/site.cssJavaScript:assets/js/site.js
Interfaces liées
Sélecteur de thème