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 :
Type | Composant |
---|---|
Application | grw-app |
Common Button | grw-common-button |
Floating Action Button | grw-extended-fab |
Filter | grw-filter |
Filter | grw-filters |
Information Desk | grw-information-desk |
Loader | grw-loader |
Map | grw-map |
Online Confirm Modal | grw-offline-confirm-modal |
Outdoor Course | grw-outdoor-course-card |
Outdoor Course | grw-outdoor-course-detail |
Outdoor Site | grw-outdoor-site-card |
Outdoor Site | grw-outdoor-site-detail |
Outdoor Site | grw-outdoor-sites-list |
POI | grw-poi |
Search | grw-search |
Segmented Segment | grw-segmented-segment |
Select Language | grw-select-language |
Sensitive Area | sensitive-area-detail |
Switch | grw-switch |
Touristic Content | grw-touristic-content-card |
Touristic Content | grw-touristic-content-detail |
Touristic Content | grw-touristic-contents-list |
Touristic Event | grw-touristic-event-card |
Touristic Event | grw-touristic-event-detail |
Touristic Event | grw-touristic-events-list |
Trek | grw-trek-card |
Trek | grw-trek-detail |
Trek | grw-treks-list |