---
title: "Widgets y mini-widgets"
slug: "widgets-und-mini-widgets"
category: "Introducción"
locale: "es"
order: 2
description: "Interfaces de negocio completas frente a piezas pequeñas — y cómo combinarlas entre sí."
reactExample: "layout.tsx"
hosts: "vue"
---

# 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: [Custom Table](/docs/vue/widgets/custom-table) — filas, filtros, celdas con mini-widgets.


En Vue, el componente se llama `ArcWidgetTable`.


![](https://framerusercontent.com/images/OUceOtboxPQac3AJ3N3DEu9yas.png)

## Mini-widgets

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

Ejemplos:

- [Select](/docs/vue/mini-widgets/select) — desplegable con estilo propio
- [Progress Bar](/docs/vue/mini-widgets/progress-bar) — progreso en una celda o un formulario


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


![](https://framerusercontent.com/images/qSmv08CT1x4gwgcOSt9jEYdtJs.png)

## 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 [Custom Layout](/docs/vue/widgets/custom-layout) en una celda de [Custom Table](/docs/vue/widgets/custom-table) (texto + badge + progreso).


Cómo se ve la notación anidada: [Nested Widget Descriptors](/docs/vue/patterns/nested-widget-descriptors).