Introduction

Widgets y mini-widgets

Los widgets son interfaces de negocio independientes. Los mini-widgets son piezas más pequeñas — solas o dentro de un widget más grande.

Widgets

Mayor alcance, lógica propia, a menudo el núcleo de una vista: tabla, calendario, kanban, layout.

más parámetros y estados
caso de uso propio (lista, planificación, tablero)
normalmente la superficie donde aterrizan los mini-widgets

Ejemplo: <a href="/docs/vue/widgets/custom-table">Custom Table</a> — filas, filtros, celdas con mini-widgets.

En Vue, el componente se llama ArcWidgetTable.

Mini-widgets

Enfoque reducido: Button, Badge, Select, barra de progreso. Poca configuración, a menudo en celdas de tabla o bloques de layout.

Ejemplos:

<a href="/docs/vue/mini-widgets/select">Select</a> — desplegable con estilo propio
<a href="/docs/vue/mini-widgets/progress-bar">Progress Bar</a> — progreso en una celda o un formulario

En Vue, los mismos nombres que en React, como componentes o como Nested Descriptor en un slot.

Widgets dentro de widgets

Los mini-widgets se colocan en slots de widgets más grandes — celdas, bloques de layout, tarjetas. También un widget completo puede aparecer dentro de otro, por ejemplo <a href="/docs/vue/widgets/custom-layout">Custom Layout</a> en una celda de <a href="/docs/vue/widgets/custom-table">Custom Table</a> (texto + badge + progreso).

Cómo se ve la notación anidada: <a href="/docs/vue/patterns/nested-widget-descriptors">Nested Widget Descriptors</a>.