Wrapper

Este componente funciona como “envoltorio” de otros bloques con la posibilidad de elegir el Tag HTML a renderizar. Tiene como finalidad dar la semántica HTML correcta que vtex.flex-layout no provee, además de reducir la complejidad y cantidad de etiquetas generadas por este.

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
  "wrapper-block": {
3
    "children": ["rich-text#child-1", "rich-text#child-2"],
4
    "props": {
5
      "blockClass": "textContainer",
6
      "tag": "section"
7
    }
8
  }
9
}

Propiedades

Prop name	Type	Description	Default value
`tag`	`Enum`	Determina el tag HTML a renderizar. Opciones: `header`, `footer`, `div`, `span`, `main`, `section`, `article`, `aside`, `nav`	`div`

Personalización

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