Transcription

Des transcriptions peuvent-être ajoutées en utilisant les composants suivant du DSA :

• dsa-button
• dsa-icon
• dsa-dialog

Vous pouvez utiliser la structure suivante :

                                                        
                                                        
                                                            <dsa-button
                                                            id="transcriptionButton"
                                                            variant="tertiary-with-outline"
                                                        >
                                                            <dsa-icon name="subject" slot="prefix"></dsa-icon>
                                                            Lire la transcription textuelle
                                                        </dsa-button>
                                                        <dsa-dialog label="Transcription textuelle" size="large">
                                                            <p>...</p>
                                                            <p>Le contenu de la transcription.</p>
                                                            <p>...</p>
                                                        </dsa-dialog>
                                                        <script>
                                                            import type { DSADialog } from '@ds-autonomie/web-components'
                                                        
                                                            function toggleDialog() {
                                                              const dialog = document.querySelector<DSADialog>('dsa-dialog');
                                                              if (dialog) {
                                                                dialog.open = !dialog.open;
                                                              }
                                                            }
                                                        
                                                            document.querySelector('#transcriptionButton').addEventListener('click', toggleDialog)
                                                        </script>
                                                        
                                                        
                                                            

Exemple