@jsamr/react-native-li/docs/react-native-li.markedlistitem.md

A pure JavaScript React Native component to render CSS3 compliant ordered and unordered lists.

<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[Home](./index.md) &gt; [@jsamr/react-native-li](./react-native-li.md) &gt; [MarkedListItem](./react-native-li.markedlistitem.md)

## MarkedListItem() function

A component which reproduces CSS3 `display: list-item;` behavior. It prepends its child with a marker box containing a marker string representation for this child index.

See [CSS Lists and Counters Module Level 3, Markers](https://www.w3.org/TR/css-lists-3/#markers)<!-- -->.

<b>Signature:</b>

```typescript
export default function MarkedListItem({ counterRenderer, index, startIndex, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, maxNumOfCodepoints, markerTextWidth, style, renderMarker, enableMarkerClipping, children }: PropsWithChildren<MarkedListItemProps>): JSX.Element;
```

## Parameters

|  Parameter | Type | Description |
|  --- | --- | --- |
|  { counterRenderer, index, startIndex, rtlLineReversed, rtlMarkerReversed, markerTextStyle, markerBoxStyle, maxNumOfCodepoints, markerTextWidth, style, renderMarker, enableMarkerClipping, children } | PropsWithChildren&lt;[MarkedListItemProps](./react-native-li.markedlistitemprops.md)<!-- -->&gt; |  |

<b>Returns:</b>

JSX.Element