expand customization options of titleIcons

[ionlizarazu]

• More options to customize the titleIcons.
• Rename the icons keys making them more generic
• Modified the View.jsx to make customization visible

Current configuration:

titleIcons: {
    right: rightSVG,
    down: downSVG,
},

The configuration I prupose is:

titleIcons: {
    closed: { leftPosition: rightSVG, rightPosition: leftSVG },
    opened: { leftPosition: downSVG, rightPosition: downSVG },
},

In this way, we can independently configure the icons when the accordion is opened and closed even when it is on the right or left.

[avoinea]

It doesn't look right to me. The arrow in this case should be pointing to the title

[avoinea]

Please make sure it works as before with the default values.

[avoinea]

accordion.mp4

[ionlizarazu]

you are right @avoinea , i got confused with right/down names and "opened" and "closed" icons were backwards