add renderabletextnote component