Index Sections

course-catalog-table

stable Bibliothèque Contenu inline (instance)

Orienter / naviguer

Tableau du catalogue formations : titre de section et lignes (#, titre, niveau en pill, durée, prix, flèche), une formation par ligne.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

Aperçu

Comment l'utiliser

Intention

Orienter / naviguer

Rôle de page

Utilitaire

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`title`	Contenu	`text`	Oui	fr / en	·
`rows`	Contenu	`array`	Oui	·	1..20

Déclinaisons · 12

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 9 générées.

Catalogue de cours · papier 2
curée
course-catalog-table--paper-2
Catalogue de cours · papier 3
curée
course-catalog-table--paper-3
Catalogue de cours · encre
curée
course-catalog-table--ink
course-catalog-table · lignes séparées
générée
course-catalog-table--rows-divided
course-catalog-table · grille étapes
générée
course-catalog-table--grid-steps
course-catalog-table · matrice comparative
générée
course-catalog-table--comparison-matrix
course-catalog-table · cases à cocher
générée
course-catalog-table--feature-check
course-catalog-table · lignes specs
générée
course-catalog-table--spec-rows
course-catalog-table · lignes zébrées
générée
course-catalog-table--striped-rows
course-catalog-table · en-tête collant
générée
course-catalog-table--sticky-header
course-catalog-table · comparaison 2 colonnes
générée
course-catalog-table--two-col-compare
course-catalog-table · liste de contrôle
générée
course-catalog-table--checklist

Comparer les déclinaisons · 12

Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.

Catalogue de cours · papier 2
curée
course-catalog-table--paper-2
background:paper-2
Ouvrir dans le builder
Catalogue de cours · papier 3
curée
course-catalog-table--paper-3
background:paper-3
Ouvrir dans le builder
Catalogue de cours · encre
curée
course-catalog-table--ink
background:ink
Ouvrir dans le builder
course-catalog-table · lignes séparées
générée
course-catalog-table--rows-divided
layout:rows-divided
Ouvrir dans le builder
course-catalog-table · grille étapes
générée
course-catalog-table--grid-steps
layout:grid-steps
Ouvrir dans le builder
course-catalog-table · matrice comparative
générée
course-catalog-table--comparison-matrix
layout:comparison-matrix
Ouvrir dans le builder
course-catalog-table · cases à cocher
générée
course-catalog-table--feature-check
layout:feature-check
Ouvrir dans le builder
course-catalog-table · lignes specs
générée
course-catalog-table--spec-rows
layout:spec-rows
Ouvrir dans le builder
course-catalog-table · lignes zébrées
générée
course-catalog-table--striped-rows
layout:striped-rows
Ouvrir dans le builder
course-catalog-table · en-tête collant
générée
course-catalog-table--sticky-header
layout:sticky-header
Ouvrir dans le builder
course-catalog-table · comparaison 2 colonnes
générée
course-catalog-table--two-col-compare
layout:two-col-compare
Ouvrir dans le builder
course-catalog-table · liste de contrôle
générée
course-catalog-table--checklist
layout:checklist
Ouvrir dans le builder

Sections liées

Même famille

comparison-table stable

Tableau comparatif pour clarifier les différences entre offres, options ou approches.

table Comparison Sections Défilement horizontalSurvolGlisser pour faire défiler +3 11 décl.

data-table stable

Table de données neutre générique : en-tête optionnel, colonnes avec alignements, lignes et cellules typées (emphase), zébrures et légende. Distincte des tables habillées terminal ou éditoriale.

table Table Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +4 13 décl.

department-stack stable

Stack outils en table éditoriale : en-tête eyebrow et titre display, aside Callout, EditorialTable catégorie/outil/rôle.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.

editorial-table-block stable

Comparateur éditorial : en-tête kicker mono et titre display, puis tableau EditorialTable bilingue (colonnes, lignes, caption).

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 14 décl.

pricing-comparison-matrix stable

Matrice comparative tarifaire pour mettre en regard les fonctionnalites de 3 plans avec mise en avant de la colonne recommandee.

table Pricing Sections Défilement horizontalSurvolGlisser pour faire défiler +3 13 décl.

pricing-table stable

Table de prix pour présenter clairement les formules, paliers et options commerciales.

table Pricing Sections BoutonsListe3 colonnes 14 décl.

Même catégorie

learning-path-list stable

Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).

list Index Sections 1 colonne 17 décl.

list-index-section stable

Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.

list Index Sections Apparition au scrollDéfilement1 colonne 17 décl.

related-links stable

Bloc compact de maillage interne : groupes de liens internes contextuels en colonnes, avec petit label de groupe et description optionnelle. Renforce le SEO et oriente la navigation en fin de page.

list Index Sections Apparition au scrollSurvolListe +1 17 décl.

used-service-callout stable

Encadre compact « offre(s) utilisee(s) » : liste de cross-liens vers les services mobilises sur un projet, bord gauche accent.

list Index Sections SurvolListe1 colonne 17 décl.

Similaires

breadcrumb-bar stable

Fil d'Ariane « classic » : barre de navigation standard (ol mono uppercase, séparateurs /), posée sous le header fixe. Modèle sobre de la catégorie breadcrumb, à côté du modèle éditorial masthead-bar. 100% DS-driven.

breadcrumb Breadcrumb Sections 1 colonne 5 décl.

masthead-bar stable

Bande de chrome haut : fil d'Ariane intégré au masthead éditorial (méta lieu, édition, statut), posée sous le header fixe et au-dessus du hero. Composant autonome, universel (home incluse). Variante paper et ink.

breadcrumb Breadcrumb Sections 1 colonne 13 décl.

welcome-section stable

Écran de confirmation post-conversion avec checkmark, message central, trois prochaines étapes et lien retour.

prose Utility Sections SurvolIllustration au traitBoutons +5 15 décl.

resource-card-grid stable

Grille de ressources téléchargeables : type (livre blanc, cookbook, outil), titre, description, format, badge gated et CTA, en 2 ou 3 colonnes.

card-grid Content Listing Sections SurvolBoutonsIcônes +3 17 décl.

article-grid stable

Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.

card-grid Content Listing Sections SurvolImageIcônes +3 18 décl.

sector-card-grid stable

Grille de hubs sectoriels en cartes cliquables : ICP en kicker, secteur, douleur en une phrase et CTA, en 3 colonnes sur fond hairline.

card-grid Content Listing Sections Apparition au scrollSurvolBoutons +2 17 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "course-catalog-table",
  "title_fr": "Catalogue formations",
  "title_en": "Course catalog",
  "rows": [
    {
      "num": "01",
      "title_fr": "Intro à l'IA pour PME B2B",
      "title_en": "Intro to AI for SMB B2B",
      "level": "debutant",
      "duration_hours": 6,
      "price_eur": 0,
      "href": "#"
    },
    {
      "num": "02",
      "title_fr": "Prompter Claude pour le travail",
      "title_en": "Prompting Claude for work",
      "level": "intermediaire",
      "duration_hours": 4,
      "price_eur": 290,
      "href": "#"
    },
    {
      "num": "03",
      "title_fr": "Automatiser ses workflows métier",
      "title_en": "Automating business workflows",
      "level": "avance",
      "duration_hours": 8,
      "price_eur": 590,
      "href": "#"
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/course-catalog-table.json

Chemin du détail machine

/library/section/course-catalog-table.json