Estilizando o bloco

Please sign up for the course before starting the lesson.

Estilo inline Podemos utilizar da sintaxe JSX do React com o operador de desestruturação … para aplicar um estilo inline, por exemplo: Vamos observar as modificações que fizemos: Importamos um novo módulo, o hook useBlockProps, do @wordpress/block-editorDefinimos uma constante blockStyle, um objeto com os atributos CSS que queremos aplicar ao parágrafoModificamos nossa propriedade edit para uma arrow function com corpo. Fazemos a chamada da função useBlockProps, especificando que propriedade queremos – blockStyle e atribuindo-a à constante local blockPropsUtilizando o operador de desestruturação, aplicamos o estilo ao parágrafo Apesar de ser possível estilizar o bloco dessa forma, não é muito recomendado,…

Back to: Gutenberg – Criação de blocos > Primeiro bloco - Estático