title: Changing the label in Dash bootstrap dcc.tab based on callback children
body: <p>I am using dash core components to create a dash app that includes tabs that return tables based on callbacks.  I'm trying to see if it's possible to change the label on the tab itself based on the callback, though it seems like the label will only accept a string, and not a callback with and id and children.</p>
  <p>Right now the label of the tab simply says 'Car Type' (this is just a snippet of the code):</p>
  <pre><code>    dbc.Row([ 
          dbc.Col(dcc.Dropdown(id='car-types', multi=False,,
                      options=[{'label':x, 'value':x}
                      for x in sorted(car_list)]),
                      #width={'size': 5, &quot;offset&quot;: 1, 'order': 1}
              ),        
  
      html.Div([
          dcc.Tabs([
              dcc.Tab(label='Car Type', children=
  
                      dbc.Col([
                          html.Div(id=&quot;table1&quot;
                                  )]
                      )
              )
       @app.callback(
       [Output('table1', 'children'),
       Output('car_label', 'children')],
       [Input('car-types', 'value')],
       [State('car_manuf', 'value')],
  
    def update_table1(a,b):
  
          code for table,
  
          a = code for car_label string
  
          return html.Div([dt.DataTable(),
              ),  a
  </code></pre>
  <p>But what if I wanted it to say &quot;Car Type SUV&quot; or &quot;Car Type Sedan&quot; based on what the output 'car_label' says, how can I change the label of the tab to say that?</p>
  <p>I tried something like:</p>
  <pre><code>    html.Div([
          dcc.Tabs([
              dcc.Tab(label='Car Type ' + (children=[],id='car_label'), children=
  
                      dbc.Col([
                          html.Div(id=&quot;table1&quot;
                                  )]
                      )
  </code></pre>
  <p>But obviously that won't work.  Any suggestions?</p>