Conditional Block

El bloque condicional es un componente simple que permite mostrar u ocultar elementos, con la posibilidad de elegir con qué Tag HTML se renderizará el bloque.

Configuración

Agregar la dependencia en tu archivo manifest.json. Ejemplo:
manifest.json
```
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#demo": {
3
    "props": {
4
      "text": "**Child block!**"
5
    }
6
  },
7

8
  "conditional-block": {
9
    "children": ["rich-text#demo"],
10
    "props": {
11
      "ignoreSiteEditor": false,
12
      "visibility": "both",
13
      "tag": "div"
14
    }
15
  }
16
}

Propiedades generales

Prop name	Type	Description	Default value
`ignoreSiteEditor`	`Boolean`	Ignora la propiedad `visibility` solo en el Site Editor.	`false`
`visibility`	`Enum`	Determina la visibilidad bloque. Opciones: `both`, `desktop`, `mobile`, `none`	`true`
`tag`	`Boolean`	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.