docs: documentao + dica do componente html

docs/README.md

@@ -52,3 +52,7 @@ vtex link
 ```
 
 
+## Dicas de desenvolvimento
+
+### Alternativa para o Flex layout 
+- A VTEX acaba impondo algumas limitacoes e verbosidade a mais nos blocos vtex.flex-layout. Para facilitar o desenvolvimento, criamos um bloco custom chamado `html`. Ele funciona da mesma forma que o flex-layout, mas com uma sintaxe mais simples que permite a escrita de um html mais semântico. [Veja a documentação do bloco aqui](../react/components/Html/readme.md).

react/components/Html/readme.md

@@ -21,6 +21,16 @@ Basicamente esse componente
     </{qualquerTagHtml}>
 ```
 
+## Propriedades
+
+| Propriedade | Tipo | Descrição | Padrão |
+| --- | --- | --- | --- |
+| `tag` | `string` | Tag HTML que será renderizada | `div` |
+| `blockClass` | `string` | Classe CSS que será adicionada no componente | `` |
+| `text` | `string` | Texto que será renderizado | `''` |
+| `testId` | `string` | Id para testes | `''` |
+| `tachyonsClasses` | `string` | Classe tachyons que será adicionada no componente | `''` |
+
 
 ## HTML vs FLEX.LAYOUT
 

store/blocks/pdp/product.jsonc

@@ -13,7 +13,7 @@
   "html#breadcrumb": {
     "props": {
       "tag": "section",
-      "testId": "a1",
+      "testId": "breadcrumbs",
       "blockClass": "pdp-breadcrumb"
     },
     "children": ["breadcrumb"]