Disposition Layout

El layout de disposición es un componente que permite reodenar los elementos hijos que envuelva, a través del Site Editor, con la posibilidad de mostrar/ocultar los ítems que lo componen individualmente.

Configuración

Agregar la dependencia en tu archivo manifest.json. Ejemplo:

1
  "dependencies": {
2
    "cruce.store-components": "4.x"
3
  }

Agrega el bloque en tu archivo correspondiente. Ejemplo con todas las props:

1
{
2
  "rich-text#child-1": {
3
    "props": {
4
      "text": "# Child 1"
5
    }
6
  },
7

8
  "rich-text#child-2": {
9
    "props": {
10
      "text": "## Child 2"
11
    }
12
  },
13

14
  "disposition-layout": {
15
    "children": ["rich-text#child-1", "rich-text#child-2"],
16
    "props": {
17
      "disposition": [
18
        {
19
          "order": 1,
20
          "isVisible": true,
21
          "__editorItemTitle": "Texto 1"
22
        },
23
        {
24
          "order": 2,
25
          "isVisible": true,
26
          "__editorItemTitle": "Texto 2"
27
        }
28
      ]
29
    }
30
  }
31
}

Propiedades

Prop name	Type	Description	Default value
`disposition`	`Array`	Lista de elementos a ordenar.	-

Propiedades del ítem

Prop name	Type	Description	Default value
`order`	`Number`	Indice del ítem en la lista.	-
`isVisible`	`Boolean`	Determina la visibilidad del ítem	-
`__editorItemTitle`	`String`	Determina el nombre que representa al ítem de la lista en el Site Editor.	Item

Personalización

Este bloque es de tipo layout y no cuenta con ningún tipo de handle para su personalización.