Editar Aba [RESOLVIDO]

Boa tarde,
Eu preciso deixar a Aba do meu projeto HABILITADO para edição do nome.
Em anexo , segue exemplo-> ABA TESTE( em azul ) , o cliente pode alterar o nome dela, para qualquer outro que seja.

Como , posso fazer isso ?

Meu codigo da aba -->

<li class="nav-item">
<a class="nav-link " id="pills-componente-tab" data-toggle="pill" href="#pills-componente"
role="tab" aria-controls="pills-componente" aria-selected="true">Teste</a>
</li>