У меня есть случай, когда название уровней аккордеона нужно редактировать ... в настоящее время я разрешаю редактировать его только при открытии уровня.
Возможно ли сделать это в той же строке заголовкабез необходимости открывать уровень?
ОБНОВЛЕНИЕ
Я понял, что могу настроить контент, но теперь я столкнулся с проблемой с отображением ввода текста внутри заголовка, он нарушает егов новую строку!
Фрагмент кода:
populateProperties() {
lvl1Items = [];
elementsLevel1.forEach((item) => {
lvl1Properties = this.buildProperties(item.Properties, PROPERTIES, false, 1)
lvl1Items.push(
{key: item.Name,
title: {
content:
<span>
<List16 className="icon--alignment--2"/> {item.Name}
<Edit16 className="icon--alignment--2" onClick={() => alert("Edit")}/>
<table>
<tbody>
<tr>
<td width="30%">
<TextInput
id="txtLvl1"
labelText=""
placeholder=""
required
defaultValue={item.Name}
// disabled={}
// onChange={ e => this.handleNewProjectNameChange(e) }
/>
</td>
</tr>
</tbody>
</table>
</span>,
// icon: 'bars',
},
// title:item.Name,
content: lvl1Content}
)
});
//TODO - it was designed to work as "On Demand" to display different levels
// but currently api retrieves everything at once, so it's not needed.
this.buildLevel2()
this.buildLevel3()
this.setState({lvl1Items: lvl1Items})
}