How to use the react-feather.List.Ordered function in react-feather

To help you get started, we’ve selected a few react-feather examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github elifesciences / elife-xpub / packages / component-static-pages / client / components / List.js View on Github external
const StyledOrderedList = styled.ol`
  ${props => sharedListStyling};

  counter-reset: li; /* initiate a counter */

  > li:before {
    content: counter(li) '.'; /* Use the counter + a full stop as the content */
    counter-increment: li; /* Increment the counter by 1 */
  }

  > li {
    list-style: none; /* Disable the normal item numbering */
  }
`

List.Ordered = StyledOrderedList
List.Unordered = StyledUnorderedList

export default List