# Issel Code Widgets

> Documentación en español del paquete Flutter y la skill de Issel Code. Guías, componentes y ejemplos para construir tu aplicación.

- [Construye tu app Flutter con piezas que ya encajan](https://widgets.isselcode.com/index.md): Issel Code Widgets reúne controles, formularios, tema y navegación en un paquete Flutter. Su skill ayuda al agente a convertir tus instrucciones en pantallas completas con esas piezas.
- [Tu primera aplicación](https://widgets.isselcode.com/quickstart.md): Prepara una app Flutter, agrega Issel Code Widgets y ejecuta el ejemplo con formulario y selector de tema.
- [Qué son Issel Code Widgets y su skill](https://widgets.isselcode.com/guia/introduccion.md): Conoce el paquete Flutter, la skill y cómo se complementan.
- [Instalación y compatibilidad](https://widgets.isselcode.com/guia/instalacion.md): Agrega el paquete, elige los imports y prepara la skill.
- [Arquitectura por features](https://widgets.isselcode.com/guia/arquitectura.md): Organiza features, presentación MVVM, dominio y datos.
- [Tema, configuración y patrón visual](https://widgets.isselcode.com/guia/tema-y-configuracion.md): Configura paletas, tipografía, superficies y apariencia.
- [Formularios, selección y estados](https://widgets.isselcode.com/guia/formularios-y-estados.md): Integra validación, selección, carga, errores y guardado.
- [Navegación con IsselNavigationService](https://widgets.isselcode.com/guia/navegacion.md): Gestiona rutas, resultados tipados y retroceso.
- [Escritorio y adaptación móvil](https://widgets.isselcode.com/guia/escritorio.md): Compón caption, menú y breadcrumbs con adaptación móvil.
- [Usar la skill Issel Code Widgets](https://widgets.isselcode.com/guia/uso-de-la-skill.md): Describe interfaces y aprende el flujo de implementación con la skill.
- [Preguntas frecuentes y soluciones](https://widgets.isselcode.com/guia/preguntas-frecuentes.md): Resuelve problemas de instalación, layout, estado y navegación.
- [Referencia de componentes](https://widgets.isselcode.com/referencia/componentes.md): Encuentra el constructor, las propiedades y los límites de cada componente.
- [API de configuración, tema, navegación y core](https://widgets.isselcode.com/referencia/api-transversal.md): Consulta las APIs públicas de app, tema, navegación, escritorio y core.
- [IsselButton](https://widgets.isselcode.com/componentes/issel-button.md): Acción principal basada en FilledButton, con texto, foco y tamaño configurable.
- [IsselActionBox](https://widgets.isselcode.com/componentes/issel-action-box.md): Tarjeta pulsable con imagen local, título y acción opcional de eliminar.
- [IsselHeaderActionTile](https://widgets.isselcode.com/componentes/issel-header-action-tile.md): Encabezado de título y subtítulo con un botón lateral.
- [IsselPill](https://widgets.isselcode.com/componentes/issel-pill.md): Superficie breve para texto o un widget, con acción opcional.
- [IsselInfoField](https://widgets.isselcode.com/componentes/issel-info-field.md): Etiqueta y valor destacado en dos bloques de ancho equivalente.
- [IsselInfoField2](https://widgets.isselcode.com/componentes/issel-info-field2.md): Información con icono, etiqueta y acción de copiar opcional.
- [IsselTextFormField](https://widgets.isselcode.com/componentes/issel-text-form-field.md): Campo de texto integrado con FormField<String> y un TextField interno.
- [IsselFloatTextField](https://widgets.isselcode.com/componentes/issel-float-text-field.md): Campo de lectura que abre un editor flotante mediante una ruta transparente.
- [IsselDropdown](https://widgets.isselcode.com/componentes/issel-dropdown.md): Dropdown simple que presenta el value controlado por la app.
- [IsselDropdown2](https://widgets.isselcode.com/componentes/issel-dropdown2.md): Dropdown integrado con FormField<T> para validar una selección.
- [IsselSearchDropdown](https://widgets.isselcode.com/componentes/issel-search-dropdown.md): Selector con búsqueda, opciones externas y lista expandible u overlay.
- [IsselImagePicker](https://widgets.isselcode.com/componentes/issel-image-picker.md): Selector de imagen con bytes, Form, carga y limpieza.
- [IsselAssetContainer](https://widgets.isselcode.com/componentes/issel-asset-container.md): Contenedor de asset local o favicon de un dominio, con sombra.
- [IsselToggle](https://widgets.isselcode.com/componentes/issel-toggle.md): Interruptor visual booleano controlado por la app.
- [IsselToggleField](https://widgets.isselcode.com/componentes/issel-toggle-field.md): Etiqueta y toggle en una superficie de una línea.
- [IsselStepperField](https://widgets.isselcode.com/componentes/issel-stepper-field.md): Entrada numérica con botones, límites e incremento entero o decimal.
- [IsselRadioCard](https://widgets.isselcode.com/componentes/issel-radio-card.md): Opción de grupo representada por una tarjeta cuadrada con asset.
- [IsselRadioTile](https://widgets.isselcode.com/componentes/issel-radio-tile.md): Opción textual de grupo con fondo de selección.
- [IsselFilterBar](https://widgets.isselcode.com/componentes/issel-filter-bar.md): Opciones de filtro desplazables horizontalmente, basadas en pills.
- [IsselTabSwitcher](https://widgets.isselcode.com/componentes/issel-tab-switcher.md): Alternancia de dos estados con indicador animado.
- [IsselTableWidget](https://widgets.isselcode.com/componentes/issel-table-widget.md): Tabla de encabezado fijo y filas con desplazamiento vertical.
- [IsselHeaderTable](https://widgets.isselcode.com/componentes/issel-header-table.md): Encabezado de tabla construido con pills y columnas de igual ancho.
- [IsselRowTable](https://widgets.isselcode.com/componentes/issel-row-table.md): Fila de celdas IsselPill distribuidas con ancho equivalente.
- [IsselCarousel](https://widgets.isselcode.com/componentes/issel-carousel.md): Carrusel horizontal con índices virtuales y escala para la selección.
- [IsselShimmer](https://widgets.isselcode.com/componentes/issel-shimmer.md): Placeholder rectangular que muestra animación tras un retraso.
- [IsselCircularProgressIndicator](https://widgets.isselcode.com/componentes/issel-circular-progress-indicator.md): Indicador indeterminado animado con borde degradado.
- [IsselThemeSelector](https://widgets.isselcode.com/componentes/issel-theme-selector.md): Selector responsive de sistema, claro y oscuro con miniaturas de las paletas.
- [IsselDesktopScaffold](https://widgets.isselcode.com/componentes/issel-desktop-scaffold.md): Shell que combina sidebar, caption y contenido con adaptación al ancho.
- [IsselDesktopCaption](https://widgets.isselcode.com/componentes/issel-desktop-caption.md): Barra global con título/breadcrumbs y slots de acciones, arrastre y ventana.
- [IsselCaptionButton](https://widgets.isselcode.com/componentes/issel-caption-button.md): IconButton compacto con tooltip, foco y tamaño configurables.
- [IsselBreadcrumbs](https://widgets.isselcode.com/componentes/issel-breadcrumbs.md): Ruta visual acotada con etiquetas, navegación y copia opcionales.
- [IsselNavigationPane](https://widgets.isselcode.com/componentes/issel-navigation-pane.md): Menú lateral con selección controlada, destinos desplazables y slots.
- [GradientBorderPainter](https://widgets.isselcode.com/componentes/gradient-border-painter.md): Utilidad de pintura exportada por el barrel público. Extiende CustomPainter; no es un widget de pantalla.
- [Primera aplicación completa](https://widgets.isselcode.com/ejemplos/primera-app.md): Construye una aplicación con configuración mutable, tema y controles Issel.
- [Formulario de clientes: feature completa](https://widgets.isselcode.com/ejemplos/formulario-clientes.md): Conecta entidad, repositorio, controlador y formulario en una feature completa.
- [Componentes reutilizables para tus ejemplos](https://widgets.isselcode.com/ejemplos/componentes-reutilizables.md): Compón superficies, estados, búsqueda, tablas y acciones de guardado.
- [Recetas de integración](https://widgets.isselcode.com/ejemplos/recetas.md): Integra imágenes, assets, fuentes, búsqueda remota y diálogos.
- [Documentación de Issel Code Widgets](https://widgets.isselcode.com/recursos.md): Explora las guías, los ejemplos y la referencia de Issel Code Widgets.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.