Retour

Transcription (transcription)

Documentation

Transcription avec zone d’action

Contenu

Lorem ipsum dolor sit amet, consectetur adipiscing, link test incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

Lorem ipsum dolor sit amet, consectetur adipiscing, link test incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

  • list item
  • list item
    • list item niveau 2
    • list item niveau 2

<div class="fr-transcription">
    <button class="fr-transcription__btn" aria-expanded="false" aria-controls="fr-transcription__collapse-transcription-1343">Transcription</button>
    <div class="fr-collapse" id="fr-transcription__collapse-transcription-1343">
        <dialog id="fr-transcription__modal-transcription-1343" class="fr-modal" role="dialog">
            <div class="fr-container fr-container--fluid fr-container-md">
                <div class="fr-grid-row fr-grid-row--center">
                    <div class="fr-col-12 fr-col-md-10 fr-col-lg-8">
                        <div class="fr-modal__body">
                            <div class="fr-modal__header">
                                <button class="fr-btn--close fr-btn" aria-controls="fr-transcription__modal-transcription-1343" title="Fermer">
                                    Fermer
                                </button>
                            </div>
                            <div class="fr-modal__content">
                                <!-- données de test -->
                            </div>
                            <div class="fr-transcription__footer">
                                <div class="fr-transcription__actions-group">
                                    <button class="fr-btn fr-btn--fullscreen" aria-controls="fr-transcription__modal-transcription-1343" data-fr-opened="false" title="">
                                        Agrandir
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </dialog>
    </div>
</div>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.