Resize observer - Observateur de redimensionnement

Interface fine et déclarative à l'API ResizeObserver

Statut

Fonctionnel

Code source

Lien vers le repository (nous demander les droits)

Open link

Storybook

Dernière version publiée

Open link

Dernière version de modification

Package @ds-autonomie/web-components

2.5.0

Disponible depuis la version

Package @ds-autonomie/web-components

2.5.0

Usage

HTML


                                                                                                                                                        
                                                                                                                                                        
                                                                                                                                                            <dsa-resize-observer></dsa-resize-observer>
                                                                                                                                                        
                                                                                                                                                        <script type="text/typescript">
                                                                                                                                                          import '@ds-autonomie/web-components/dist/components/resize-observer/resize-observer.js';
                                                                                                                                                          import type { DSAResizeObserver } from '@ds-autonomie/web-components';
                                                                                                                                                        </script>

Code HTML à implémenter pour utiliser l'élément

API

Attributs et propriétés

Comment utiliser les attributs ?

Propriété attribut	Description	Type	Valeur par défaut
disabled	Désactive l'observateur	boolean	false

Méthodes

Comment utiliser les méthodes ?

Pas de méthodes

Slots

Comment utiliser les slots ?

Nom	Description
(defaut)	Le contenu à surveiller pour les redimensionnements.

Événements

Comment utiliser les événements ?

Nom	Description
dsa-resize	{{ entries: ResizeObserverEntry[] }} Emis lorsque l'élément est redimensionné.