Saltar al contenido
El Muestrario

componente · @solu30/ui-kit/display

AttributeEditorCollapsible

El mismo editor de atributos con modo resumido: una fila con lo ya configurado y un botón de editar.

Seguir leyendo — 1 párrafo más

Collapsible wrapper around AttributeEditor. When configured and collapsed, shows a summary row with an edit button. When expanded or not yet configured, shows the full AttributeEditor.

1 sitio de import en 1 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

  • dietaly

El componente, montado

Cargando el componente del paquete instalado…

Cómo se usa

import { AttributeEditorCollapsible } from '@solu30/ui-kit/display'

Props

7 props declaradas en los tipos de la versión instalada.
PropRequeridaTipoQué hace
attributessíAttributeOption[]Current attribute configuration
childCountsínumberNumber of existing variant children (used to decide if configured)
collapsedsíbooleanWhether the panel is in collapsed (summary) mode
onToggleCollapsesí() => voidCalled when the user clicks "Editar" or "Contraer"
onChangesí(next: AttributeOption[]) => Promise<void>Called with the new attribute list after any mutation
labelopcionalstringLabel shown for the section (default: "Atributos")
hintopcionalstringHint text shown in expanded header (default: "ej: Color, Talle")