Interfazui

UiHelpers

Sin descripción.

Firma

ui · Interfaz

export interface UiHelpers {
    // 134 miembros: ver la tabla
}

Miembros (134)

Miembros
Nombre	Tipo	Descripción
stack	`stack(props?: StackProps, ...children: UiChild[]): StackNode`	Apila hijos en vertical con un espacio de la escala. Devuelve `{ type: "STACK", props?, children? }`.
stack	`stack(...children: UiChild[]): StackNode`	Sin descripción.
row	`row(props?: RowProps, ...children: UiChild[]): RowNode`	Coloca hijos en horizontal. Devuelve `{ type: "ROW", props?, children? }`.
row	`row(...children: UiChild[]): RowNode`	Sin descripción.
grid	`grid(props?: GridProps, ...children: UiChild[]): GridNode`	Rejilla de columnas iguales; en movil se reduce sola. Devuelve `{ type: "GRID", props?, children? }`.
grid	`grid(...children: UiChild[]): GridNode`	Sin descripción.
card	`card(title: string \| number, props?: Omit<CardProps, "title">, ...children: UiChild[]): CardNode`	Tarjeta con titulo opcional. Hereda radio y paleta del tema. Devuelve `{ type: "CARD", props?, children? }`.
card	`card(props?: CardProps, ...children: UiChild[]): CardNode`	Sin descripción.
card	`card(...children: UiChild[]): CardNode`	Sin descripción.
section	`section(title: string \| number, props?: Omit<SectionProps, "title">, ...children: UiChild[]): SectionNode`	Seccion con encabezado; puede plegarse. Devuelve `{ type: "SECTION", props?, children? }`.
section	`section(props?: SectionProps, ...children: UiChild[]): SectionNode`	Sin descripción.
section	`section(...children: UiChild[]): SectionNode`	Sin descripción.
pageHeader	`pageHeader(props: PageHeaderProps): PageHeaderNode`	Cabecera de una pagina completa: migas de pan, titulo (h1), estado, descripcion y acciones; muestra su propio estado de carga y error con Reintentar. Devuelve `{ type: "PAGE_HEADER", props?, children? }`.
splitPane	`splitPane(props?: SplitPaneProps): SplitPaneNode`	Dos paneles (p. ej. lista y detalle): lado a lado en escritorio y apilados en pantallas estrechas. Redimensionable con raton o teclado si `resizable`. Devuelve `{ type: "SPLIT_PANE", props?, children? }`.
divider	`divider(label: string \| number, props?: Omit<DividerProps, "label">): DividerNode`	Linea separadora, con etiqueta opcional. Devuelve `{ type: "DIVIDER", props?, children? }`.
divider	`divider(props?: DividerProps): DividerNode`	Sin descripción.
spacer	`spacer(props?: SpacerProps): SpacerNode`	Espacio vacio de la escala. Devuelve `{ type: "SPACER", props?, children? }`.
text	`text(content: string \| number, props?: Omit<TextProps, "content">): TextNode`	Parrafo de texto plano (nunca HTML). Devuelve `{ type: "TEXT", props?, children? }`.
text	`text(props?: TextProps): TextNode`	Sin descripción.
heading	`heading(content: string \| number, props?: Omit<HeadingProps, "content">): HeadingNode`	Encabezado semantico (h1-h6). Devuelve `{ type: "HEADING", props?, children? }`.
heading	`heading(props?: HeadingProps): HeadingNode`	Sin descripción.
code	`code(content: string \| number, props?: Omit<CodeProps, "content">): CodeNode`	Codigo en linea o bloque, con boton de copiar opcional. Devuelve `{ type: "CODE", props?, children? }`.
code	`code(props?: CodeProps): CodeNode`	Sin descripción.
link	`link(label: string \| number, props?: Omit<LinkProps, "label">): LinkNode`	Enlace seguro (solo http, https, mailto, tel o ruta interna). Devuelve `{ type: "LINK", props?, children? }`.
link	`link(props?: LinkProps): LinkNode`	Sin descripción.
markdown	`markdown(content: string \| number, props?: Omit<MarkdownProps, "content">): MarkdownNode`	Markdown seguro (negrita, cursiva, codigo, listas, enlaces). El HTML crudo se muestra como texto. Devuelve `{ type: "MARKDOWN", props?, children? }`.
markdown	`markdown(props?: MarkdownProps): MarkdownNode`	Sin descripción.
icon	`icon(name: string, props?: Omit<IconProps, "name">): IconNode`	Icono decorativo: Lucide, "brand:<slug>" (logotipo de una app integrada) o "initials:<XY>". Devuelve `{ type: "ICON", props?, children? }`.
icon	`icon(props?: IconProps): IconNode`	Sin descripción.
button	`button(label: string \| number, props?: Omit<ButtonProps, "label">): ButtonNode`	Boton. Color segun `tone` + `variant`; contraste garantizado por el tema. Devuelve `{ type: "BUTTON", props?, children? }`.
button	`button(props?: ButtonProps): ButtonNode`	Sin descripción.
iconButton	`iconButton(props: IconButtonProps): IconButtonNode`	Boton solo con icono; `label` es obligatorio (nombre accesible y tooltip). Devuelve `{ type: "ICON_BUTTON", props?, children? }`.
buttonGroup	`buttonGroup(props?: ButtonGroupProps, ...children: UiChild[]): ButtonGroupNode`	Agrupa botones; `attached` los une. Devuelve `{ type: "BUTTON_GROUP", props?, children? }`.
buttonGroup	`buttonGroup(...children: UiChild[]): ButtonGroupNode`	Sin descripción.
menu	`menu(props?: MenuProps): MenuNode`	Boton que abre un menu de acciones (teclado: flechas, Enter, Escape). Devuelve `{ type: "MENU", props?, children? }`.
imageButton	`imageButton(props?: ImageButtonProps): ImageButtonNode`	Imagen pulsable (https). Devuelve `{ type: "IMAGE_BUTTON", props?, children? }`.
smartReplyChips	`smartReplyChips(props?: SmartReplyChipsProps): SmartReplyChipsNode`	Fila de sugerencias de respuesta pulsables. Devuelve `{ type: "SMART_REPLY_CHIPS", props?, children? }`.
input	`input(name: string, props?: Omit<InputProps, "name">): InputNode`	Campo de texto de una linea. Devuelve `{ type: "INPUT", props?, children? }`.
input	`input(props?: InputProps): InputNode`	Sin descripción.
textarea	`textarea(name: string, props?: Omit<TextareaProps, "name">): TextareaNode`	Texto de varias lineas. Devuelve `{ type: "TEXTAREA", props?, children? }`.
textarea	`textarea(props?: TextareaProps): TextareaNode`	Sin descripción.
select	`select(name: string, props?: Omit<SelectProps, "name">): SelectNode`	Lista desplegable nativa. Devuelve `{ type: "SELECT", props?, children? }`.
select	`select(props?: SelectProps): SelectNode`	Sin descripción.
checkbox	`checkbox(name: string, props?: Omit<CheckboxProps, "name">): CheckboxNode`	Casilla de verificacion. Devuelve `{ type: "CHECKBOX", props?, children? }`.
checkbox	`checkbox(props?: CheckboxProps): CheckboxNode`	Sin descripción.
radioGroup	`radioGroup(name: string, props?: Omit<RadioGroupProps, "name">): RadioGroupNode`	Grupo de opciones excluyentes (flechas para moverse). Devuelve `{ type: "RADIO_GROUP", props?, children? }`.
radioGroup	`radioGroup(props?: RadioGroupProps): RadioGroupNode`	Sin descripción.
toggle	`toggle(name: string, props?: Omit<ToggleProps, "name">): ToggleNode`	Interruptor (switch) on/off. Devuelve `{ type: "TOGGLE", props?, children? }`.
toggle	`toggle(props?: ToggleProps): ToggleNode`	Sin descripción.
slider	`slider(name: string, props?: Omit<SliderProps, "name">): SliderNode`	Control deslizante numerico. Devuelve `{ type: "SLIDER", props?, children? }`.
slider	`slider(props?: SliderProps): SliderNode`	Sin descripción.
datePicker	`datePicker(name: string, props?: Omit<DatePickerProps, "name">): DatePickerNode`	Fecha (valor AAAA-MM-DD). Devuelve `{ type: "DATE_PICKER", props?, children? }`.
datePicker	`datePicker(props?: DatePickerProps): DatePickerNode`	Sin descripción.
timePicker	`timePicker(name: string, props?: Omit<TimePickerProps, "name">): TimePickerNode`	Hora (valor HH:MM). Devuelve `{ type: "TIME_PICKER", props?, children? }`.
timePicker	`timePicker(props?: TimePickerProps): TimePickerNode`	Sin descripción.
colorPicker	`colorPicker(name: string, props?: Omit<ColorPickerProps, "name">): ColorPickerNode`	Selector de color SOLO para datos del usuario (etiquetas, agendas). El valor es un hex en `state`; nunca estiliza la interfaz. Devuelve `{ type: "COLOR_PICKER", props?, children? }`.
colorPicker	`colorPicker(props?: ColorPickerProps): ColorPickerNode`	Sin descripción.
fileInput	`fileInput(name: string, props?: Omit<FileInputProps, "name">): FileInputNode`	Seleccion de archivos con limite de tamano; puede leerlos como base64/texto. Devuelve `{ type: "FILE_INPUT", props?, children? }`.
fileInput	`fileInput(props?: FileInputProps): FileInputNode`	Sin descripción.
tagInput	`tagInput(name: string, props?: Omit<TagInputProps, "name">): TagInputNode`	Lista de etiquetas/valores (Enter o coma anade, Retroceso quita). Devuelve `{ type: "TAG_INPUT", props?, children? }`.
tagInput	`tagInput(props?: TagInputProps): TagInputNode`	Sin descripción.
contactPicker	`contactPicker(name: string, props?: Omit<ContactPickerProps, "name">): ContactPickerNode`	Selector de contactos de la libreta (correos). El valor es un arreglo de correos. Devuelve `{ type: "CONTACT_PICKER", props?, children? }`.
contactPicker	`contactPicker(props?: ContactPickerProps): ContactPickerNode`	Sin descripción.
form	`form(props?: FormProps, ...children: UiChild[]): FormNode`	Formulario con validacion declarativa y estados (cargando/error/exito) automaticos. Devuelve `{ type: "FORM", props?, children? }`.
form	`form(...children: UiChild[]): FormNode`	Sin descripción.
table	`table(props?: TableProps): TableNode`	Tabla con orden, paginacion y seleccion. Devuelve `{ type: "TABLE", props?, children? }`.
list	`list(props?: ListProps, ...children: UiChild[]): ListNode`	Lista de elementos: con `itemTemplate` + `items` (una plantilla por dato) o con hijos LIST_ITEM. Devuelve `{ type: "LIST", props?, children? }`.
list	`list(...children: UiChild[]): ListNode`	Sin descripción.
listItem	`listItem(props?: ListItemProps, ...children: UiChild[]): ListItemNode`	Elemento de lista con titulo, descripcion, icono y acciones finales (hijos). Devuelve `{ type: "LIST_ITEM", props?, children? }`.
listItem	`listItem(...children: UiChild[]): ListItemNode`	Sin descripción.
timeline	`timeline(props?: TimelineProps): TimelineNode`	Linea de tiempo vertical de eventos (fecha, titulo, descripcion, icono y tono). Devuelve `{ type: "TIMELINE", props?, children? }`.
tree	`tree(props?: TreeProps): TreeNode`	Arbol navegable accesible (WAI-ARIA tree: flechas, Inicio/Fin, Intro). Nodos {id, label, icon?, badge?, children?}. Devuelve `{ type: "TREE", props?, children? }`.
tabs	`tabs(props?: TabsProps, ...children: UiChild[]): TabsNode`	Pestanas accesibles (flechas, Inicio/Fin). Devuelve `{ type: "TABS", props?, children? }`.
tabs	`tabs(...children: UiChild[]): TabsNode`	Sin descripción.
tabItem	`tabItem(props?: TabItemProps, ...children: UiChild[]): TabItemNode`	Panel de TABS (forma heredada con hijos). Devuelve `{ type: "TAB_ITEM", props?, children? }`.
tabItem	`tabItem(...children: UiChild[]): TabItemNode`	Sin descripción.
accordion	`accordion(props?: AccordionProps, ...children: UiChild[]): AccordionNode`	Secciones plegables (Enter/Espacio). Devuelve `{ type: "ACCORDION", props?, children? }`.
accordion	`accordion(...children: UiChild[]): AccordionNode`	Sin descripción.
accordionItem	`accordionItem(props?: AccordionItemProps, ...children: UiChild[]): AccordionItemNode`	Seccion de ACCORDION (forma heredada con hijos). Devuelve `{ type: "ACCORDION_ITEM", props?, children? }`.
accordionItem	`accordionItem(...children: UiChild[]): AccordionItemNode`	Sin descripción.
stepper	`stepper(props?: StepperProps): StepperNode`	Indicador de los pasos de un proceso (completado, actual, pendiente, error). Solo informa; para mostrar contenido por pasos usa WIZARD. Devuelve `{ type: "STEPPER", props?, children? }`.
wizard	`wizard(props?: WizardProps): WizardNode`	Asistente por pasos con indicador de progreso. Devuelve `{ type: "WIZARD", props?, children? }`.
badge	`badge(label: string \| number, props?: Omit<BadgeProps, "label">, ...children: UiChild[]): BadgeNode`	Etiqueta corta de estado. Devuelve `{ type: "BADGE", props?, children? }`.
badge	`badge(props?: BadgeProps, ...children: UiChild[]): BadgeNode`	Sin descripción.
badge	`badge(...children: UiChild[]): BadgeNode`	Sin descripción.
chip	`chip(label: string \| number, props?: Omit<ChipProps, "label">): ChipNode`	Chip (filtro/valor) opcionalmente pulsable o eliminable. Devuelve `{ type: "CHIP", props?, children? }`.
chip	`chip(props?: ChipProps): ChipNode`	Sin descripción.
avatar	`avatar(props?: AvatarProps): AvatarNode`	Avatar con imagen (https) o iniciales. Devuelve `{ type: "AVATAR", props?, children? }`.
stat	`stat(props?: StatProps): StatNode`	Metrica destacada con variacion. Devuelve `{ type: "STAT", props?, children? }`.
progress	`progress(props?: ProgressProps): ProgressNode`	Barra de progreso (role=progressbar). Devuelve `{ type: "PROGRESS", props?, children? }`.
kpiCard	`kpiCard(props: KpiCardProps): KpiCardNode`	Indicador clave (KPI): valor destacado, variacion, mini-tendencia, estado de carga y error. Pulsable con onClick. Devuelve `{ type: "KPI_CARD", props?, children? }`.
skeleton	`skeleton(props?: SkeletonProps): SkeletonNode`	Marcador de carga. Devuelve `{ type: "SKELETON", props?, children? }`.
empty	`empty(title: string \| number, props?: Omit<EmptyProps, "title">, ...children: UiChild[]): EmptyNode`	Estado vacio con mensaje y accion. Devuelve `{ type: "EMPTY", props?, children? }`.
empty	`empty(props?: EmptyProps, ...children: UiChild[]): EmptyNode`	Sin descripción.
empty	`empty(...children: UiChild[]): EmptyNode`	Sin descripción.
alert	`alert(message: string \| number, props?: Omit<AlertProps, "message">, ...children: UiChild[]): AlertNode`	Aviso en linea (role=alert para danger/warning). Devuelve `{ type: "ALERT", props?, children? }`.
alert	`alert(props?: AlertProps, ...children: UiChild[]): AlertNode`	Sin descripción.
alert	`alert(...children: UiChild[]): AlertNode`	Sin descripción.
callout	`callout(title: string \| number, props?: Omit<CalloutProps, "title">, ...children: UiChild[]): CalloutNode`	Nota destacada (consejo, advertencia) con hijos. Devuelve `{ type: "CALLOUT", props?, children? }`.
callout	`callout(props?: CalloutProps, ...children: UiChild[]): CalloutNode`	Sin descripción.
callout	`callout(...children: UiChild[]): CalloutNode`	Sin descripción.
loading	`loading(label: string \| number, props?: Omit<LoadingProps, "label">): LoadingNode`	Indicador de carga. Devuelve `{ type: "LOADING", props?, children? }`.
loading	`loading(props?: LoadingProps): LoadingNode`	Sin descripción.
modal	`modal(title: string \| number, props?: Omit<ModalProps, "title">, ...children: UiChild[]): ModalNode`	Marco de un OVERLAY (titulo + contenido). Con `open`/`bind` se comporta como dialogo propio accesible. Devuelve `{ type: "MODAL", props?, children? }`.
modal	`modal(props?: ModalProps, ...children: UiChild[]): ModalNode`	Sin descripción.
modal	`modal(...children: UiChild[]): ModalNode`	Sin descripción.
drawer	`drawer(title: string \| number, props?: Omit<DrawerProps, "title">, ...children: UiChild[]): DrawerNode`	Panel lateral accesible. Devuelve `{ type: "DRAWER", props?, children? }`.
drawer	`drawer(props?: DrawerProps, ...children: UiChild[]): DrawerNode`	Sin descripción.
drawer	`drawer(...children: UiChild[]): DrawerNode`	Sin descripción.
popover	`popover(props?: PopoverProps, ...children: UiChild[]): PopoverNode`	Contenido flotante anclado a un disparador. Devuelve `{ type: "POPOVER", props?, children? }`.
popover	`popover(...children: UiChild[]): PopoverNode`	Sin descripción.
tooltip	`tooltip(text: string \| number, props?: Omit<TooltipProps, "text">, ...children: UiChild[]): TooltipNode`	Ayuda al pasar el raton o enfocar (Escape cierra). Devuelve `{ type: "TOOLTIP", props?, children? }`.
tooltip	`tooltip(props?: TooltipProps, ...children: UiChild[]): TooltipNode`	Sin descripción.
tooltip	`tooltip(...children: UiChild[]): TooltipNode`	Sin descripción.
barChart	`barChart(props?: BarChartProps): BarChartNode`	Barras simples en SVG propio con colores de tema. Devuelve `{ type: "BAR_CHART", props?, children? }`.
chart	`chart(props?: ChartProps): ChartNode`	Grafico de lineas, barras, area, sectores o anillo con varias series, leyenda y tooltips accesibles (raton y teclado). SVG propio con colores del tema, sin librerias. Devuelve `{ type: "CHART", props?, children? }`.
sparkline	`sparkline(props?: SparklineProps): SparklineNode`	Linea de tendencia minima. Devuelve `{ type: "SPARKLINE", props?, children? }`.
donut	`donut(props?: DonutProps): DonutNode`	Anillo de proporciones con leyenda. Devuelve `{ type: "DONUT", props?, children? }`.
conditional	`conditional(props?: ConditionalProps): ConditionalNode`	Muestra `true` o `false` segun `condition`. Devuelve `{ type: "CONDITIONAL", props?, children? }`.
condition	`condition(props?: ConditionProps, ...children: UiChild[]): ConditionNode`	Como CONDITIONAL con `if` y `else`. Devuelve `{ type: "CONDITION", props?, children? }`.
condition	`condition(...children: UiChild[]): ConditionNode`	Sin descripción.
forEach	`forEach(props?: ForEachProps): ForEachNode`	Repite `template` por cada elemento de `items`. Devuelve `{ type: "FOR_EACH", props?, children? }`.
repeat	`repeat(props?: RepeatProps, ...children: UiChild[]): RepeatNode`	Repite los hijos N veces o por item. Devuelve `{ type: "REPEAT", props?, children? }`.
repeat	`repeat(...children: UiChild[]): RepeatNode`	Sin descripción.
switch	`switch(props?: SwitchProps, ...children: UiChild[]): SwitchNode`	Elige un caso segun `value` (forma `cases` o hijos CASE/DEFAULT). Devuelve `{ type: "SWITCH", props?, children? }`.
switch	`switch(...children: UiChild[]): SwitchNode`	Sin descripción.
case	`case(props?: CaseProps, ...children: UiChild[]): CaseNode`	Caso de SWITCH (forma con hijos). Devuelve `{ type: "CASE", props?, children? }`.
case	`case(...children: UiChild[]): CaseNode`	Sin descripción.
default	`default(props?: DefaultProps, ...children: UiChild[]): DefaultNode`	Caso por defecto de SWITCH. Devuelve `{ type: "DEFAULT", props?, children? }`.
default	`default(...children: UiChild[]): DefaultNode`	Sin descripción.
setVar	`setVar(props?: SetVarProps): SetVarNode`	Fija una variable de `state` (no visible). Devuelve `{ type: "SET_VAR", props?, children? }`.
headless	`headless(props?: HeadlessProps): HeadlessNode`	Sin interfaz: solo ejecuta `onLoad`. Devuelve `{ type: "HEADLESS", props?, children? }`.
debug	`debug(props?: DebugProps): DebugNode`	Solo desarrollo: muestra contexto y estado. Devuelve `{ type: "DEBUG", props?, children? }`.
node	`node(type: UiComponentType, props?: Record<string, unknown>, children?: UiChild[]): UiNode`	Nodo generico por nombre (para tipos dinamicos).

Referencia a

Fuente: bloomx-extensions/_shared/sdk/ui.d.ts:3354 · ui.d.ts

Interfazui

UiHelpers

Sin descripción.

Firma

ui · Interfaz

export interface UiHelpers {
    // 134 miembros: ver la tabla
}

Miembros (134)

Miembros
Nombre	Tipo	Descripción
stack	`stack(props?: StackProps, ...children: UiChild[]): StackNode`	Apila hijos en vertical con un espacio de la escala. Devuelve `{ type: "STACK", props?, children? }`.
stack	`stack(...children: UiChild[]): StackNode`	Sin descripción.
row	`row(props?: RowProps, ...children: UiChild[]): RowNode`	Coloca hijos en horizontal. Devuelve `{ type: "ROW", props?, children? }`.
row	`row(...children: UiChild[]): RowNode`	Sin descripción.
grid	`grid(props?: GridProps, ...children: UiChild[]): GridNode`	Rejilla de columnas iguales; en movil se reduce sola. Devuelve `{ type: "GRID", props?, children? }`.
grid	`grid(...children: UiChild[]): GridNode`	Sin descripción.
card	`card(title: string \| number, props?: Omit<CardProps, "title">, ...children: UiChild[]): CardNode`	Tarjeta con titulo opcional. Hereda radio y paleta del tema. Devuelve `{ type: "CARD", props?, children? }`.
card	`card(props?: CardProps, ...children: UiChild[]): CardNode`	Sin descripción.
card	`card(...children: UiChild[]): CardNode`	Sin descripción.
section	`section(title: string \| number, props?: Omit<SectionProps, "title">, ...children: UiChild[]): SectionNode`	Seccion con encabezado; puede plegarse. Devuelve `{ type: "SECTION", props?, children? }`.
section	`section(props?: SectionProps, ...children: UiChild[]): SectionNode`	Sin descripción.
section	`section(...children: UiChild[]): SectionNode`	Sin descripción.
pageHeader	`pageHeader(props: PageHeaderProps): PageHeaderNode`	Cabecera de una pagina completa: migas de pan, titulo (h1), estado, descripcion y acciones; muestra su propio estado de carga y error con Reintentar. Devuelve `{ type: "PAGE_HEADER", props?, children? }`.
splitPane	`splitPane(props?: SplitPaneProps): SplitPaneNode`	Dos paneles (p. ej. lista y detalle): lado a lado en escritorio y apilados en pantallas estrechas. Redimensionable con raton o teclado si `resizable`. Devuelve `{ type: "SPLIT_PANE", props?, children? }`.
divider	`divider(label: string \| number, props?: Omit<DividerProps, "label">): DividerNode`	Linea separadora, con etiqueta opcional. Devuelve `{ type: "DIVIDER", props?, children? }`.
divider	`divider(props?: DividerProps): DividerNode`	Sin descripción.
spacer	`spacer(props?: SpacerProps): SpacerNode`	Espacio vacio de la escala. Devuelve `{ type: "SPACER", props?, children? }`.
text	`text(content: string \| number, props?: Omit<TextProps, "content">): TextNode`	Parrafo de texto plano (nunca HTML). Devuelve `{ type: "TEXT", props?, children? }`.
text	`text(props?: TextProps): TextNode`	Sin descripción.
heading	`heading(content: string \| number, props?: Omit<HeadingProps, "content">): HeadingNode`	Encabezado semantico (h1-h6). Devuelve `{ type: "HEADING", props?, children? }`.
heading	`heading(props?: HeadingProps): HeadingNode`	Sin descripción.
code	`code(content: string \| number, props?: Omit<CodeProps, "content">): CodeNode`	Codigo en linea o bloque, con boton de copiar opcional. Devuelve `{ type: "CODE", props?, children? }`.
code	`code(props?: CodeProps): CodeNode`	Sin descripción.
link	`link(label: string \| number, props?: Omit<LinkProps, "label">): LinkNode`	Enlace seguro (solo http, https, mailto, tel o ruta interna). Devuelve `{ type: "LINK", props?, children? }`.
link	`link(props?: LinkProps): LinkNode`	Sin descripción.
markdown	`markdown(content: string \| number, props?: Omit<MarkdownProps, "content">): MarkdownNode`	Markdown seguro (negrita, cursiva, codigo, listas, enlaces). El HTML crudo se muestra como texto. Devuelve `{ type: "MARKDOWN", props?, children? }`.
markdown	`markdown(props?: MarkdownProps): MarkdownNode`	Sin descripción.
icon	`icon(name: string, props?: Omit<IconProps, "name">): IconNode`	Icono decorativo: Lucide, "brand:<slug>" (logotipo de una app integrada) o "initials:<XY>". Devuelve `{ type: "ICON", props?, children? }`.
icon	`icon(props?: IconProps): IconNode`	Sin descripción.
button	`button(label: string \| number, props?: Omit<ButtonProps, "label">): ButtonNode`	Boton. Color segun `tone` + `variant`; contraste garantizado por el tema. Devuelve `{ type: "BUTTON", props?, children? }`.
button	`button(props?: ButtonProps): ButtonNode`	Sin descripción.
iconButton	`iconButton(props: IconButtonProps): IconButtonNode`	Boton solo con icono; `label` es obligatorio (nombre accesible y tooltip). Devuelve `{ type: "ICON_BUTTON", props?, children? }`.
buttonGroup	`buttonGroup(props?: ButtonGroupProps, ...children: UiChild[]): ButtonGroupNode`	Agrupa botones; `attached` los une. Devuelve `{ type: "BUTTON_GROUP", props?, children? }`.
buttonGroup	`buttonGroup(...children: UiChild[]): ButtonGroupNode`	Sin descripción.
menu	`menu(props?: MenuProps): MenuNode`	Boton que abre un menu de acciones (teclado: flechas, Enter, Escape). Devuelve `{ type: "MENU", props?, children? }`.
imageButton	`imageButton(props?: ImageButtonProps): ImageButtonNode`	Imagen pulsable (https). Devuelve `{ type: "IMAGE_BUTTON", props?, children? }`.
smartReplyChips	`smartReplyChips(props?: SmartReplyChipsProps): SmartReplyChipsNode`	Fila de sugerencias de respuesta pulsables. Devuelve `{ type: "SMART_REPLY_CHIPS", props?, children? }`.
input	`input(name: string, props?: Omit<InputProps, "name">): InputNode`	Campo de texto de una linea. Devuelve `{ type: "INPUT", props?, children? }`.
input	`input(props?: InputProps): InputNode`	Sin descripción.
textarea	`textarea(name: string, props?: Omit<TextareaProps, "name">): TextareaNode`	Texto de varias lineas. Devuelve `{ type: "TEXTAREA", props?, children? }`.
textarea	`textarea(props?: TextareaProps): TextareaNode`	Sin descripción.
select	`select(name: string, props?: Omit<SelectProps, "name">): SelectNode`	Lista desplegable nativa. Devuelve `{ type: "SELECT", props?, children? }`.
select	`select(props?: SelectProps): SelectNode`	Sin descripción.
checkbox	`checkbox(name: string, props?: Omit<CheckboxProps, "name">): CheckboxNode`	Casilla de verificacion. Devuelve `{ type: "CHECKBOX", props?, children? }`.
checkbox	`checkbox(props?: CheckboxProps): CheckboxNode`	Sin descripción.
radioGroup	`radioGroup(name: string, props?: Omit<RadioGroupProps, "name">): RadioGroupNode`	Grupo de opciones excluyentes (flechas para moverse). Devuelve `{ type: "RADIO_GROUP", props?, children? }`.
radioGroup	`radioGroup(props?: RadioGroupProps): RadioGroupNode`	Sin descripción.
toggle	`toggle(name: string, props?: Omit<ToggleProps, "name">): ToggleNode`	Interruptor (switch) on/off. Devuelve `{ type: "TOGGLE", props?, children? }`.
toggle	`toggle(props?: ToggleProps): ToggleNode`	Sin descripción.
slider	`slider(name: string, props?: Omit<SliderProps, "name">): SliderNode`	Control deslizante numerico. Devuelve `{ type: "SLIDER", props?, children? }`.
slider	`slider(props?: SliderProps): SliderNode`	Sin descripción.
datePicker	`datePicker(name: string, props?: Omit<DatePickerProps, "name">): DatePickerNode`	Fecha (valor AAAA-MM-DD). Devuelve `{ type: "DATE_PICKER", props?, children? }`.
datePicker	`datePicker(props?: DatePickerProps): DatePickerNode`	Sin descripción.
timePicker	`timePicker(name: string, props?: Omit<TimePickerProps, "name">): TimePickerNode`	Hora (valor HH:MM). Devuelve `{ type: "TIME_PICKER", props?, children? }`.
timePicker	`timePicker(props?: TimePickerProps): TimePickerNode`	Sin descripción.
colorPicker	`colorPicker(name: string, props?: Omit<ColorPickerProps, "name">): ColorPickerNode`	Selector de color SOLO para datos del usuario (etiquetas, agendas). El valor es un hex en `state`; nunca estiliza la interfaz. Devuelve `{ type: "COLOR_PICKER", props?, children? }`.
colorPicker	`colorPicker(props?: ColorPickerProps): ColorPickerNode`	Sin descripción.
fileInput	`fileInput(name: string, props?: Omit<FileInputProps, "name">): FileInputNode`	Seleccion de archivos con limite de tamano; puede leerlos como base64/texto. Devuelve `{ type: "FILE_INPUT", props?, children? }`.
fileInput	`fileInput(props?: FileInputProps): FileInputNode`	Sin descripción.
tagInput	`tagInput(name: string, props?: Omit<TagInputProps, "name">): TagInputNode`	Lista de etiquetas/valores (Enter o coma anade, Retroceso quita). Devuelve `{ type: "TAG_INPUT", props?, children? }`.
tagInput	`tagInput(props?: TagInputProps): TagInputNode`	Sin descripción.
contactPicker	`contactPicker(name: string, props?: Omit<ContactPickerProps, "name">): ContactPickerNode`	Selector de contactos de la libreta (correos). El valor es un arreglo de correos. Devuelve `{ type: "CONTACT_PICKER", props?, children? }`.
contactPicker	`contactPicker(props?: ContactPickerProps): ContactPickerNode`	Sin descripción.
form	`form(props?: FormProps, ...children: UiChild[]): FormNode`	Formulario con validacion declarativa y estados (cargando/error/exito) automaticos. Devuelve `{ type: "FORM", props?, children? }`.
form	`form(...children: UiChild[]): FormNode`	Sin descripción.
table	`table(props?: TableProps): TableNode`	Tabla con orden, paginacion y seleccion. Devuelve `{ type: "TABLE", props?, children? }`.
list	`list(props?: ListProps, ...children: UiChild[]): ListNode`	Lista de elementos: con `itemTemplate` + `items` (una plantilla por dato) o con hijos LIST_ITEM. Devuelve `{ type: "LIST", props?, children? }`.
list	`list(...children: UiChild[]): ListNode`	Sin descripción.
listItem	`listItem(props?: ListItemProps, ...children: UiChild[]): ListItemNode`	Elemento de lista con titulo, descripcion, icono y acciones finales (hijos). Devuelve `{ type: "LIST_ITEM", props?, children? }`.
listItem	`listItem(...children: UiChild[]): ListItemNode`	Sin descripción.
timeline	`timeline(props?: TimelineProps): TimelineNode`	Linea de tiempo vertical de eventos (fecha, titulo, descripcion, icono y tono). Devuelve `{ type: "TIMELINE", props?, children? }`.
tree	`tree(props?: TreeProps): TreeNode`	Arbol navegable accesible (WAI-ARIA tree: flechas, Inicio/Fin, Intro). Nodos {id, label, icon?, badge?, children?}. Devuelve `{ type: "TREE", props?, children? }`.
tabs	`tabs(props?: TabsProps, ...children: UiChild[]): TabsNode`	Pestanas accesibles (flechas, Inicio/Fin). Devuelve `{ type: "TABS", props?, children? }`.
tabs	`tabs(...children: UiChild[]): TabsNode`	Sin descripción.
tabItem	`tabItem(props?: TabItemProps, ...children: UiChild[]): TabItemNode`	Panel de TABS (forma heredada con hijos). Devuelve `{ type: "TAB_ITEM", props?, children? }`.
tabItem	`tabItem(...children: UiChild[]): TabItemNode`	Sin descripción.
accordion	`accordion(props?: AccordionProps, ...children: UiChild[]): AccordionNode`	Secciones plegables (Enter/Espacio). Devuelve `{ type: "ACCORDION", props?, children? }`.
accordion	`accordion(...children: UiChild[]): AccordionNode`	Sin descripción.
accordionItem	`accordionItem(props?: AccordionItemProps, ...children: UiChild[]): AccordionItemNode`	Seccion de ACCORDION (forma heredada con hijos). Devuelve `{ type: "ACCORDION_ITEM", props?, children? }`.
accordionItem	`accordionItem(...children: UiChild[]): AccordionItemNode`	Sin descripción.
stepper	`stepper(props?: StepperProps): StepperNode`	Indicador de los pasos de un proceso (completado, actual, pendiente, error). Solo informa; para mostrar contenido por pasos usa WIZARD. Devuelve `{ type: "STEPPER", props?, children? }`.
wizard	`wizard(props?: WizardProps): WizardNode`	Asistente por pasos con indicador de progreso. Devuelve `{ type: "WIZARD", props?, children? }`.
badge	`badge(label: string \| number, props?: Omit<BadgeProps, "label">, ...children: UiChild[]): BadgeNode`	Etiqueta corta de estado. Devuelve `{ type: "BADGE", props?, children? }`.
badge	`badge(props?: BadgeProps, ...children: UiChild[]): BadgeNode`	Sin descripción.
badge	`badge(...children: UiChild[]): BadgeNode`	Sin descripción.
chip	`chip(label: string \| number, props?: Omit<ChipProps, "label">): ChipNode`	Chip (filtro/valor) opcionalmente pulsable o eliminable. Devuelve `{ type: "CHIP", props?, children? }`.
chip	`chip(props?: ChipProps): ChipNode`	Sin descripción.
avatar	`avatar(props?: AvatarProps): AvatarNode`	Avatar con imagen (https) o iniciales. Devuelve `{ type: "AVATAR", props?, children? }`.
stat	`stat(props?: StatProps): StatNode`	Metrica destacada con variacion. Devuelve `{ type: "STAT", props?, children? }`.
progress	`progress(props?: ProgressProps): ProgressNode`	Barra de progreso (role=progressbar). Devuelve `{ type: "PROGRESS", props?, children? }`.
kpiCard	`kpiCard(props: KpiCardProps): KpiCardNode`	Indicador clave (KPI): valor destacado, variacion, mini-tendencia, estado de carga y error. Pulsable con onClick. Devuelve `{ type: "KPI_CARD", props?, children? }`.
skeleton	`skeleton(props?: SkeletonProps): SkeletonNode`	Marcador de carga. Devuelve `{ type: "SKELETON", props?, children? }`.
empty	`empty(title: string \| number, props?: Omit<EmptyProps, "title">, ...children: UiChild[]): EmptyNode`	Estado vacio con mensaje y accion. Devuelve `{ type: "EMPTY", props?, children? }`.
empty	`empty(props?: EmptyProps, ...children: UiChild[]): EmptyNode`	Sin descripción.
empty	`empty(...children: UiChild[]): EmptyNode`	Sin descripción.
alert	`alert(message: string \| number, props?: Omit<AlertProps, "message">, ...children: UiChild[]): AlertNode`	Aviso en linea (role=alert para danger/warning). Devuelve `{ type: "ALERT", props?, children? }`.
alert	`alert(props?: AlertProps, ...children: UiChild[]): AlertNode`	Sin descripción.
alert	`alert(...children: UiChild[]): AlertNode`	Sin descripción.
callout	`callout(title: string \| number, props?: Omit<CalloutProps, "title">, ...children: UiChild[]): CalloutNode`	Nota destacada (consejo, advertencia) con hijos. Devuelve `{ type: "CALLOUT", props?, children? }`.
callout	`callout(props?: CalloutProps, ...children: UiChild[]): CalloutNode`	Sin descripción.
callout	`callout(...children: UiChild[]): CalloutNode`	Sin descripción.
loading	`loading(label: string \| number, props?: Omit<LoadingProps, "label">): LoadingNode`	Indicador de carga. Devuelve `{ type: "LOADING", props?, children? }`.
loading	`loading(props?: LoadingProps): LoadingNode`	Sin descripción.
modal	`modal(title: string \| number, props?: Omit<ModalProps, "title">, ...children: UiChild[]): ModalNode`	Marco de un OVERLAY (titulo + contenido). Con `open`/`bind` se comporta como dialogo propio accesible. Devuelve `{ type: "MODAL", props?, children? }`.
modal	`modal(props?: ModalProps, ...children: UiChild[]): ModalNode`	Sin descripción.
modal	`modal(...children: UiChild[]): ModalNode`	Sin descripción.
drawer	`drawer(title: string \| number, props?: Omit<DrawerProps, "title">, ...children: UiChild[]): DrawerNode`	Panel lateral accesible. Devuelve `{ type: "DRAWER", props?, children? }`.
drawer	`drawer(props?: DrawerProps, ...children: UiChild[]): DrawerNode`	Sin descripción.
drawer	`drawer(...children: UiChild[]): DrawerNode`	Sin descripción.
popover	`popover(props?: PopoverProps, ...children: UiChild[]): PopoverNode`	Contenido flotante anclado a un disparador. Devuelve `{ type: "POPOVER", props?, children? }`.
popover	`popover(...children: UiChild[]): PopoverNode`	Sin descripción.
tooltip	`tooltip(text: string \| number, props?: Omit<TooltipProps, "text">, ...children: UiChild[]): TooltipNode`	Ayuda al pasar el raton o enfocar (Escape cierra). Devuelve `{ type: "TOOLTIP", props?, children? }`.
tooltip	`tooltip(props?: TooltipProps, ...children: UiChild[]): TooltipNode`	Sin descripción.
tooltip	`tooltip(...children: UiChild[]): TooltipNode`	Sin descripción.
barChart	`barChart(props?: BarChartProps): BarChartNode`	Barras simples en SVG propio con colores de tema. Devuelve `{ type: "BAR_CHART", props?, children? }`.
chart	`chart(props?: ChartProps): ChartNode`	Grafico de lineas, barras, area, sectores o anillo con varias series, leyenda y tooltips accesibles (raton y teclado). SVG propio con colores del tema, sin librerias. Devuelve `{ type: "CHART", props?, children? }`.
sparkline	`sparkline(props?: SparklineProps): SparklineNode`	Linea de tendencia minima. Devuelve `{ type: "SPARKLINE", props?, children? }`.
donut	`donut(props?: DonutProps): DonutNode`	Anillo de proporciones con leyenda. Devuelve `{ type: "DONUT", props?, children? }`.
conditional	`conditional(props?: ConditionalProps): ConditionalNode`	Muestra `true` o `false` segun `condition`. Devuelve `{ type: "CONDITIONAL", props?, children? }`.
condition	`condition(props?: ConditionProps, ...children: UiChild[]): ConditionNode`	Como CONDITIONAL con `if` y `else`. Devuelve `{ type: "CONDITION", props?, children? }`.
condition	`condition(...children: UiChild[]): ConditionNode`	Sin descripción.
forEach	`forEach(props?: ForEachProps): ForEachNode`	Repite `template` por cada elemento de `items`. Devuelve `{ type: "FOR_EACH", props?, children? }`.
repeat	`repeat(props?: RepeatProps, ...children: UiChild[]): RepeatNode`	Repite los hijos N veces o por item. Devuelve `{ type: "REPEAT", props?, children? }`.
repeat	`repeat(...children: UiChild[]): RepeatNode`	Sin descripción.
switch	`switch(props?: SwitchProps, ...children: UiChild[]): SwitchNode`	Elige un caso segun `value` (forma `cases` o hijos CASE/DEFAULT). Devuelve `{ type: "SWITCH", props?, children? }`.
switch	`switch(...children: UiChild[]): SwitchNode`	Sin descripción.
case	`case(props?: CaseProps, ...children: UiChild[]): CaseNode`	Caso de SWITCH (forma con hijos). Devuelve `{ type: "CASE", props?, children? }`.
case	`case(...children: UiChild[]): CaseNode`	Sin descripción.
default	`default(props?: DefaultProps, ...children: UiChild[]): DefaultNode`	Caso por defecto de SWITCH. Devuelve `{ type: "DEFAULT", props?, children? }`.
default	`default(...children: UiChild[]): DefaultNode`	Sin descripción.
setVar	`setVar(props?: SetVarProps): SetVarNode`	Fija una variable de `state` (no visible). Devuelve `{ type: "SET_VAR", props?, children? }`.
headless	`headless(props?: HeadlessProps): HeadlessNode`	Sin interfaz: solo ejecuta `onLoad`. Devuelve `{ type: "HEADLESS", props?, children? }`.
debug	`debug(props?: DebugProps): DebugNode`	Solo desarrollo: muestra contexto y estado. Devuelve `{ type: "DEBUG", props?, children? }`.
node	`node(type: UiComponentType, props?: Record<string, unknown>, children?: UiChild[]): UiNode`	Nodo generico por nombre (para tipos dinamicos).

Referencia a

Fuente: bloomx-extensions/_shared/sdk/ui.d.ts:3354 · ui.d.ts

Estructura

Texto

Acciones

Entradas y formularios

Datos

Navegación

Estado y avisos

Superpuestos

Gráficos

Lógica

UiHelpers

Firma

Miembros (134)

Referencia a

Estructura

Texto

Acciones

Entradas y formularios

Datos

Navegación

Estado y avisos

Superpuestos

Gráficos

Lógica

UiHelpers

Firma

Miembros (134)

Referencia a

Firma

Miembros (134)

Usado en / Referenciado por

Referencia a

Firma

Miembros (134)

Usado en / Referenciado por

Referencia a