Provide a nestLevel property to list prefix renderers

[jsamr]

Is this a bug report or a feature request?

Feature Request

Have you read the guidelines regarding bug report?

Yes.

Have you read the documentation in its entirety?

Yes

Have you made sure that your issue hasn't already been reported/solved?

Yes

Description

Provide a { nestLevel } property to list prefix renderers.

Usage

const listsPrefixesRenderers = {
  ul: ({ nestLevel }) => {
    if (nestLevel === 0) return <Square />
    if (nestLevel === 1) return <Bullet />
    return <Triangle />
  }
}

[lyqht]

Agree with this

[pxmage]

Hey guys @lyqht @jsamr and anyone who runs into this problem.

I kind of figure out a work-around to share with you.

You could take advantage of alterNode Feature

try check this

alterNode={(node) => {
  const { name, parent } = node;
  if(name === 'li') {
    console.log(getParentsTagsRecursively(node))
  }
}}

and you will get output like:

["li", "ul", "li", "ul", "li", "ul"]

where there are all parent tags listed inside an array, then you count the number of uls and you get the nested level. You could apply the level data to the node.

You can do whatever you like to customize it :)