Cómo añadir un gestor de estilos a un panel personalizado

¿Hay alguna forma correcta a través de grapesjs que no conozco o tiene que ser anulado mediante css

'''css .panel-top { relleno: 0; ancho: 100%; pantalla: flex; posición: inicial; justificar-contenido: centro; justificar-contenido: espacio-entre; } .panel-top-actions { posición: inicial; }

'''html
        <Row>
          <Col xs={10} md={10} lg={10}>
            <div id={this.state.id} ref={ref} style={{height}}>
              {niños}
            </div>
          </Col>
          <Col xs={2} md={2} lg={2}>
            <div className="panel-top">
              <div className="panel-top-actions"></div>
            </div>
          </Col>
        </Row>

Hola @christianbalderrama Dentro de tu configuración de inicialización:

editor = grapesjs.init({
    //...
    StyleManager: {
        appendTo: '#style-mgr',
        sectores:[
        //...
        ]
    }
)}

Para los sectores, aquí son los sectores usados dentro de Demo. ¡Salud!