lerobot/robot-learning-tutorial
508
1---2interface Props {3 /** ID unique pour la référence */4 id: string;5 /** Légende HTML pour la référence */6 caption: string;7}8 9const { id, caption } = Astro.props as Props;10---11 12<div class="reference-wrapper" id={id}>13 <figure class="reference">14 <div class="reference__content">15 <slot />16 </div>17 <figcaption class="reference__caption" set:html={caption} />18 </figure>19</div>20 21<style>22 .reference-wrapper {23 margin: var(--block-spacing-y) 0;24 }25 26 .reference {27 margin: 0;28 }29 30 .reference__content {31 /* Le contenu peut être n'importe quoi */32 }33 34 .reference__caption {35 text-align: left;36 font-size: 0.9rem;37 color: var(--muted-color);38 margin-top: 6px;39 background: var(--page-bg);40 position: relative;41 z-index: var(--z-elevated);42 display: block;43 width: 100%;44 }45</style>46 