gp_design
library
Classes
-
AdaptiveNetworkIcon
-
Muestra un icono desde url, soportando SVG y formatos ráster.
Internamente delega en GpImage para unificar la carga de imágenes.
-
DocumentType
-
-
GpAccordion
-
Acordeón reusable para settings, FAQ y secciones colapsables.
-
Menú vertical de acciones compactas para tarjetas o detalles.
-
-
GpActionTile
-
Tarjeta de acción reutilizable con icono circular,
título, subtítulo opcional y flecha indicadora.
-
GpAlertDialog
-
Diálogo compacto del sistema GP con título, mensaje, acción principal e
ícono opcional para mensajes de éxito, error o confirmación simples.
-
GpAppBar
-
App bar base del sistema GP.
-
GpAppBarNotificationButton
-
-
GpAvatar
-
Avatar del sistema GP con soporte para red, asset y fallback de iniciales.
-
GpBadge
-
Badge del sistema GP para estados y etiquetas compactas.
-
GpBanner
-
Banner inline reusable para mostrar mensajes semanticos dentro del layout.
-
GpBorderRadius
-
Escala de radios base del sistema GP.
-
GpBreadcrumb
-
Breadcrumb ligero para navegación contextual en apps web/admin.
-
GpBreadcrumbItem
-
-
GpBreakpoints
-
Breakpoints compartidos del sistema responsivo GP.
-
GpButton
-
Botón primario del sistema GP que soporta estados de carga, ícono opcional
y diferentes overrides de estilo para adaptarse a distintos escenarios.
-
GpCard
-
Contenedor visual del sistema GP con defaults heredados del tema.
Refactorizado para priorizar la previsibilidad de bordes y sombras.
-
GpCheckbox
-
Checkbox del sistema GP.
-
GpChoiceChip
-
Chip de selección del sistema GP.
-
GpCol
-
Wrapper que describe cuántas columnas ocupa un widget dentro de GpRow.
-
GpColors
-
Tokens de color base y semánticos del sistema de diseño GP.
-
GpCommandBar
-
Barra de acciones compacta para toolbars de páginas y listados.
-
GpComponentTokens
-
Helpers de tamaño y composición reutilizables entre componentes.
-
GpConfirmDialog
-
-
Menú contextual reusable para acciones secundarias en cards, toolbars o filas.
-
-
GpDarkColors
-
Tokens de color para tema oscuro.
-
GpDateRangePreset
-
-
GpDateRangeSelector
-
Selector de rango de fechas para filtros, reportes y dashboards.
-
GpDateSelector
-
Widget para seleccionar una fecha con modal integrado
-
GpDivider
-
Divider del sistema GP para separaciones horizontales y verticales.
-
GpDrawer
-
Drawer base del sistema GP con header opcional y lista de acciones.
-
GpDrawerItem
-
Item navegable dentro de GpDrawer.
-
GpDropdownTextField
-
-
GpDroppedFile
-
-
GpElevation
-
Niveles de elevación compartidos del sistema GP.
-
GpEmptyState
-
Estado vacio reusable para listas, resultados y pantallas sin contenido.
-
GpErrorNotification
-
Tarjeta simple para errores mostrada dentro del overlay de notificaciones.
-
GpFileDropTarget
-
-
GpFileUploadField
-
Field visual para selección o carga de archivos desde la app consumidora.
-
GpFilterBar
-
Barra reusable para búsqueda, filtros y acciones de listados.
-
GpFloatingNavigationBar
-
Variante flotante y compacta de navegación inferior.
-
GpIconButton
-
Botón de solo ícono del sistema GP.
-
GpImage
-
Widget de imagen del sistema GP con soporte para asset, red y SVG.
-
GpInAppNotificationBanner
-
-
GpInlineMessage
-
Mensaje inline compacto para formularios, cards o estados embebidos.
-
GpInputField
-
Campo de entrada base del sistema GP con integración a Form.
-
GpInputThemeData
-
Defaults visuales compartidos para fields y controles de entrada GP.
-
GpKeyValueItem
-
Fila individual para GpKeyValueList.
-
GpKeyValueList
-
Lista reutilizable de pares clave/valor para detalle y resumen.
-
GpListTile
-
Tile personalizable con soporte para leading, trailing y estilos
configurables, ideal para listados y pantallas de ajustes.
-
GpLoader
-
-
GpMasterDetailLayout
-
Layout master-detail para paneles con lista y detalle.
-
GpModal
-
-
GpMotion
-
Tokens de motion compartidos del sistema GP.
-
GpNavigationDestination
-
Modelo de destino para GpNavigationShell.
-
GpNavigationShell
-
Shell de navegacion adaptativa del sistema GP.
-
GpNotification
-
Gestor de Notificaciones Flotantes (Overlays)
-
GpNotificationAction
-
-
GpNotificationCenterItem
-
-
GpNotificationCenterList
-
-
GpNotificationPayload
-
-
GpNotificationPermissionCard
-
-
GpNotificationPresenter
-
-
GpNotificationRouteIntent
-
-
GpOtpInput
-
Input OTP del sistema GP con un solo campo oculto y boxes visuales.
-
Cabecera reusable para paginas con titulo, subtitulo y acciones.
-
GpPageScaffold
-
Scaffold base para pantallas GP con soporte para app bar, drawer movil
y sidebar persistente en desktop.
-
GpPageTransition
-
-
Paginación pública reusable para listas, grids o resultados fuera de tablas.
-
GpPasswordField
-
Field de contrasena del sistema GP basado en GpInputField.
-
GpPhoneField
-
Campo de teléfono del sistema GP con selector de país.
-
GpPhoneValue
-
Valor compuesto emitido por GpPhoneField.
-
GpPinInput
-
GpPinInput
-
GpProgress
-
Indicador de progreso del sistema GP para cargas indeterminadas o porcentuales.
-
GpRadioGroup<T>
-
Grupo de radios del sistema GP con soporte horizontal o vertical.
-
GpRadioOption<T>
-
Opción simple para GpRadioGroup.
-
GpResponsive
-
Helpers para detectar clase de dispositivo y ancho de layout por separado.
-
GpResponsiveLayout
-
Layout adaptativo que selecciona la vista adecuada según el ancho disponible.
-
GpResponsiveTable<T>
-
-
GpRouteBreadcrumbAdapter
-
-
GpRouteMeta
-
-
GpRow
-
Crea un layout responsivo basado en las 4/8/12 columnas del sistema GP y
reparte a sus hijos según el
span definido en cada GpCol.
-
GpSearchBar
-
Barra de búsqueda reusable para listados, tablas y filtros.
-
GpSectionCard
-
Tarjeta de sección reusable para bloques de contenido con encabezado.
-
GpSegmentedControl<T>
-
Control segmentado para 2-4 opciones de cambio rápido.
-
GpSegmentOption<T>
-
-
GpSelectField<T>
-
Field de selección simple del sistema GP con integración a Form.
-
GpSelectOption<T>
-
Opción simple para GpSelectField.
-
GpSemanticColors
-
Colores semánticos compartidos del sistema GP.
-
GpShellDestinationConfig
-
-
-
GpSkeleton
-
Placeholder animado para estados de carga.
-
GpSpacing
-
Escala de espaciado base del sistema GP.
-
GpSplitView
-
Contenedor horizontal para dos paneles en desktop o tablet amplia.
-
GpStatCard
-
Tarjeta de estadistica reusable para dashboards y resúmenes.
-
GpStatsGrid
-
Grid responsivo simple para agrupar tarjetas de métricas.
-
GpStatusNotification
-
Tarjeta semantica reutilizable para overlays y mensajes flotantes.
-
GpStepItem
-
-
GpStepper
-
Stepper visual liviano para journeys y procesos por pasos.
-
GpSurfaceThemeData
-
Defaults visuales compartidos para badges, feedback y superficies de acción.
-
GpSwitch
-
Switch del sistema GP con tono semántico y label opcional.
-
GpTabBar
-
Tab bar base del sistema GP.
-
GpTableColumn<T>
-
-
GpTableRowAction
-
-
GpText
-
Texto base del sistema GP que resuelve sus estilos desde el TextTheme.
-
GpTextarea
-
Campo multilinea del sistema GP con integración a Form.
-
GpTextSize
-
Escala tipográfica base del sistema GP.
-
GpTheme
-
Construye el tema Material 3 del sistema GP.
-
GpTimeline
-
Timeline vertical para eventos, actividad y estados históricos.
-
GpTimelineItem
-
-
GpTimeSelector
-
Widget para seleccionar una hora con modal integrado
-
GpToastCard
-
Tarjeta compacta de toast alineada con los tonos semanticos del sistema.
-
GpTooltip
-
Tooltip del sistema GP que puede envolver cualquier widget.