Selectors d'origen i destinació
Exemples bàsics del LocationPicker en funcionament amb dades de vols.
Seleccionat: Cap
Seleccionat: Cap
Variants del LocationPicker
Comparació de les tres variants disponibles: default, compact i minimal. Cada variant té diferents mides i espaiat per adaptar-se a diferents contextos d'ús.
Variant estàndard amb mida completa, ideal per a formularis principals i pantalles amb molt d'espai.
Seleccionat: Cap
Variant compacta amb menys padding, perfecta per a llistes, taules o interfícies denses.
Seleccionat: Cap
Variant mínima ultra-compacta, ideal per a barres d'eines o contextos amb molt poc espai disponible.
Seleccionat: Cap
📏 Comparació de mides:
• Default: 44px d'alçada, padding estàndard, text base (16px)
• Compact: 32px d'alçada, padding reduït, text base (16px)
• Minimal: 28px d'alçada, padding mínim, text petit (14px)
Totes les variants mantenen la funcionalitat completa del component.
Test de propietats de dimensions
Test de les diferents propietats de dimensions (width, height, min/max) aplicades al LocationPicker.
Amplada automàtica, s'adapta al contenidor.
Amplada fixa de 300 píxels.
Amplada mínima de 250px, creix segons necessitat.
Amplada màxima de 200px amb text truncat.
Alçada personalitzada de 60 píxels.
Amplada i alçada personalitzades combinades.
Variants avançades
Variants amb funcionalitats especials i configuracions avançades.
LocationPicker sense llista de cerques prèvies.
LocationPicker amb un valor preseleccionat.
Filtrat per mostrar només aeroports.
LocationPicker que ocupa el 100% de l'ample disponible.