Graphic element - Élément graphique

Composant utilisé en tant que décoration.

Component checklist

Statut

-

Code source

Storybook

Dernière version de modification

2.15.0

Disponible depuis la version

2.15.0

Usage


                                                                                                                                                        
                                                                                                                                                        
                                                                                                                                                            <dsa-graphic-element name="square_1" variant="on-base"></dsa-graphic-element>
                                                                                                                                                        <script type="text/typescript">
                                                                                                                                                          import '@ds-autonomie/web-components/dist/components/graphic-element/graphic-element.js';
                                                                                                                                                          import type { DSAGraphicElement } from '@ds-autonomie/web-components'
                                                                                                                                                        </script>
                                                                                                                                                        
                                                                                                                                                            

 


API

Attributs et propriétés

Propriété

attribut

Description

Type

Valeur par défaut

name

Le nom de l'élément à dessiner. Les noms disponibles sont square_X avec X de 1 à 38, et rectangle_X avec X de 1 à 24.

string

-

variant

Permet d'adapter les couleurs de l'élément graphique à la couleur de fond

'on-base' | 'on-light-brand' | 'on-contrasted-brand' | 'on-purple'

on-base

Méthodes

Slots

Événements

Nom

Description

dsa-load

Émit lorsque l'élément graphique est chargé

dsa-error

Émit lorsque le chargement de l'élément graphique a échoué à cause d'une erreur