[Question] How to append style manager to custom panel

Is there a proper way via grapesjs that I just don't know or it have to be overriden via css

.panel-top {
  padding: 0;
  width: 100%;
  display: flex;
  position: initial;
  justify-content: center;
  justify-content: space-between;
}
.panel-top-actions {
  position: initial;
}

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

Hi @christianbalderrama Inside your initialization config:

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

for the sectors, here is the sectors used inside demo. Cheers!