Skip to content

Fonctionnement des composants graphiques

Geotrek rando widget propose une multitude de composants graphiques.

Parmi ces composants, il en existe un prêt à l'emploi : grw-app. Ce dernier peut s'utiliser comme une application à part entière et assemble d'autres composants.

Il est aussi possible d'utiliser chaque composant graphique de manière indépendante. Par exemple, il est possible d'afficher une page détail d'un itinéraire ainsi que sa carte. Pour cela, il faut utiliser les composants graphiques grw-trek-detail et grw-map.

Pour pouvoir afficher un itinéraire, il convient de récupérer les informations nécessaires avec un composant qui le permet : grw-trek-provider.

Retrouvez l'intégralité des variables par composant sur le projet Github :

TypeComposant
Applicationgrw-app
Common Buttongrw-common-button
Floating Action Buttongrw-extended-fab
Filtergrw-filter
Filtergrw-filters
Information Deskgrw-information-desk
Loadergrw-loader
Mapgrw-map
Online Confirm Modalgrw-offline-confirm-modal
Outdoor Coursegrw-outdoor-course-card
Outdoor Coursegrw-outdoor-course-detail
Outdoor Sitegrw-outdoor-site-card
Outdoor Sitegrw-outdoor-site-detail
Outdoor Sitegrw-outdoor-sites-list
POIgrw-poi
Searchgrw-search
Segmented Segmentgrw-segmented-segment
Select Languagegrw-select-language
Sensitive Areasensitive-area-detail
Switchgrw-switch
Touristic Contentgrw-touristic-content-card
Touristic Contentgrw-touristic-content-detail
Touristic Contentgrw-touristic-contents-list
Touristic Eventgrw-touristic-event-card
Touristic Eventgrw-touristic-event-detail
Touristic Eventgrw-touristic-events-list
Trekgrw-trek-card
Trekgrw-trek-detail
Trekgrw-treks-list